每天三道前端面试题

1、cookie、sessionStorage、localStorage的联系和区别

1. 都存储在浏览器本地，都遵循同源策略
2. cookie：存储空间4k，由服务端写入并设置存储数据的有效期，存储sessionID或者token（验证用户信息）
3. LocalStorage：存储空间5M，由前端调用webAPI写入和清除，存储不易变动的数据
4. sessionStorage：存储空间5M，由前端写入，页面关闭自动清除，用来检测用户是否刷新进入页面

2、js的8种数据类型

根据存储方式不同，分为两大类：

1. 基本数据类型
   • 存储在栈中
2. 引用数据类型
   • 实体存储在堆中，数据实体对应的指针存储在栈中，这个指针指向堆中的数据实体
   • 当查找一个引用类型的值时，解释器首先会检索栈中的地址，再查找地址指向到堆中的数据实体

1. Number

2. String

3. Boolean

4. BigInt

   • ES6新增数据类型

   • 使用方式：

     • 数字末尾+n
     • 调用BigInt()构造函数

     647326483767797n
     BigInt("647326483767797")
     

     ​

5. Symbol

   • ES6新增数据类型

   • 使用Symbol()构造函数创建的数据具有唯一性：

     Symbol() !== Symbol()

   • 虽然symbol类型数据也是键值对的形式出现，但是不能使用for循环获取键，需要使用Object.getOwnPropertySymbols(obj)获取obj这个对象中键的类型是Symbol类型的值

   let key = Symbol('key');
   let obj = { [key]: 'symbol'};
   let keyArray = Object.getOwnPropertySymbols(obj); // 返回一个数组[Symbol('key')]
   obj[keyArray[0]] // 'symbol'
   

   ​

6. Null

7. Undefined

8. Object

3、闭包

闭包的形式：在A函数中return一个B函数

这时，B函数能够在外部访问A函数中定义的变量，我们就称A函数是B函数的变量背包

闭包形成原理：作用域链——下级作用域能够访问上级作用域中的变量

内存泄露：垃圾回收机制不会将闭包中的变量销毁，这就造成了内存泄露，内存泄露多了就会导致内存溢出