1.js数据类型

基本类型 undefined string symbol null number boolen bigInt(es10)

引用类型 object

1.undefined和null的区别

在转成数字类型时，undefined转为NaN，null转为0；

undefined表示变量定义了但没有赋值，null表示变量初始值为空，是已经赋值了的；

2.symbol的作用和相关知识

作用一般把symbol作为对象属性的key值，避免在不知道对象有什么属性时给对象添加新的属性造成覆盖。

1.Symbol函数接受一个可选参数方便代码阅读和后期调试
2.用Object.getOwnPropertyNames(),Object.keys()或者for...in等方法无法显示Symbol属性名
3.Objecd.getOwnPropertySymbols()方法返回包含所有Symbol属性的数组
4.Symbol函数不能使用new，因为是原始值

5.Symbol.for() 创建共享Symbol，如果已存在直接返回已有的Symbol
6.Symbol函数创建的原始值都是唯一的
7.Symbol.keyFor() 返回已登记Symbol有关的键

3. bigInt的作用和相关知识。

BigInt数据类型的目的是比Number数据类型支持的范围更大的整数值以任意精度表示整数的能力尤为重要。使用BigInt，整数溢出将不再是问题。

2.判断类型

typeof，instanceof，Object.prototype.toString

（1）typeof是一个一元运算符，放在一个运算数之前，运算数可以使任意类型。

它返回值是一个字符串，说明运算数的类型。

typeof返回值:number，string，undefined，object，boolean，function，symbol（ES6新增）

数字 typeof(x)=“number” 字符串 typeof(x)=“string” 布尔值 typeof(x)=“boolean” 对象，数组和null typeof(x) = “object” 函数 typeof(x)=“function”

局限性：但是在判断一个引用类型的变量时会出现一个问题，无论是什么引用类型都是object。这时候就需要instanceof来检测某个对象是不是另一个对象的实例。

（2）instanceof 运算符用来测试一个对象在其原型链中是否存在一个构造函数的prototype属性。用于判断一个变量是否某个对象的实例。

局限性（特性）：因为所有引用类型都是object的子类，引用类型instanceof object 必定为true

var a=new Array();
alert(a instanceof Array); // true，
alert(a instanceof Object) //也会返回 true;
//这是因为 Array 是 object 的子类。

（3）Object.prototype.toString也可以用来判断某个对象值属于哪种内置类型。

var arr = [];
console.log(Object.prototype.toString.call(arr))  //"[object Array]"

3.数据类型转换

== （相等）和 ===（全等）的区别

建议只要类型确定使用===来比较

==在比较之前会进行隐式的数据转换，然后再进行比较，如下比较明显是有问题的。

0==[] \\true

===比较时先比较数据类型，数据类型不同直接返回false。

注意NaN == NaN \\false

? NaN === NaN \\false

NaN用于比较时使用，判断是否有效数字isNaN()判断

强制转换和隐式转换

强制转换是我们主动把数据转换成我们所需要的数据类型，常见方法 praseInt(), praseFloat(),String(),Number() …等等

隐式转换是程序自动转换的，常出现在运算符，比较符，if（）中

4.原型原型链

所有对象都有_proto_属性,包括普通对象和函数对象，该属性指向其构造函数的原型对象。
函数对象具有prototype属性，指向该对象的原型对象。
原型对象也是一个普通对象，他的_proto_属性指向object的原型对象。
所有的函数对象都是由function对象new出来的，所以他们的_proto_指向function的原型对象（包括function对象他自己）。
当访问一个对象的一个属性时，若是该对象包含该属性则直接返回这个属性，若不包含就去这个对象的_proto_指向的其构造函数的原型对象中找这个属性，找到则返回这个属性，找不到则在这个原型对象__proto__指向的下一个原型对象继续找，直到找到null为止，找不到就返回undefined

5.闭包

作用：提供在函数外部能够访问函数内部作用域的通道，并让这些变量的值始终保存在内存中

闭包的形式：函数内嵌套一个函数，内部函数调用外层函数变量, 将内部函数作为外部函数的返回值返回。

6.call/apply/bind

作用：都是用来改变函数中this的指向的

相同点：这三个方法第一个参数都是接收一个对象的

不同点：call，bind要传入额外参数是要再传入多个参数，apply接收一个数组，自动分配。

?call/apply返回的是调用的函数结果，bind返回的是一个新的函数，必须调用才能执行

var age = 18;
var obj = {
  name: "小红",
  objAge: this.age,
  fn: function () {
    console.log(this.name + this.objAge + "岁");
  },
  fn1: function (source, target) {
    console.log(this.name + this.objAge + "岁" + "从" + source + "到" + target);
  },
};
var obj1 = {
  name: "小蓝",
  objAge: 15,
};
obj.fn(); // 小红18岁
obj.fn.call(obj1); // 小蓝15岁
obj.fn.apply(obj1); // 小蓝15岁
obj.fn.bind(obj1)(); // 小蓝15岁

obj.fn1("北京", "南京"); // 小红18岁从北京到南京
obj.fn1.call(obj1, "北京", "南京"); // 小蓝15岁从北京到南京
obj.fn1.apply(obj1, ["北京", "南京"]); // 小蓝15岁从北京到南京
obj.fn1.bind(obj1, "北京", "南京")(); // 小蓝15岁从北京到南京

7.DOM事件流和事件委托

事件流分为事件捕获和事件冒泡，默认事件发生在事件冒泡阶段。事件捕获从外到内，时间冒泡从内到外，先捕获，再冒泡。

DOM0级事件

行内绑定onclick，或者先获取dom元素，在添加onclick事件，兼容性好，支持冒泡，不支持捕获，事件会覆盖

DOM2级事件

addEventListener，先获取dom元素，在添加事件，能同时绑定几个事件（相同或不同），然后顺序执行，不会覆盖，支持冒泡和捕获，缺点老版本ie不支持，兼容性问题

事件委托

利用事件冒泡，为父元素添加事件间接操作子元素，比如ul->li中，给ul添加事件不给li添加，减少与dom的交互，能优化性能。

8.cookie/storage

1、cookie数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器间来回传递，而sessionStorage和localStorage不会自动把数据发送给服务器，仅在本地保存。cookie数据还有路径（path）的概念，可以限制cookie只属于某个路径下
2、存储大小限制也不同，cookie数据不能超过4K，同时因为每次http请求都会携带cookie、所以cookie只适合保存很小的数据，如会话标识。sessionStorage和localStorage虽然也有存储大小的限制，但比cookie大得多，可以达到5M或更大
3、数据有效期不同，sessionStorage：仅在当前浏览器窗口关闭之前有效；localStorage：始终有效，窗口或浏览器关闭也一直保存，因此用作持久数据；cookie：只在设置的cookie过期时间之前有效，即使窗口关闭或浏览器关闭
4、作用域不同，sessionStorage不在不同的浏览器窗口中共享，即使是同一个页面；localstorage在所有同源窗口中都是共享的；cookie也是在所有同源窗口中都是共享的