前端面试必看内容2020

基础篇

1、Js基础知识点及常考面试题

1）js原始类型有：boolean，null,undefined,number,string,symbol

注：原始类型存储的是值，没有函数可以调用。（有时会强转）

虽然typeof null会输出object,但是null不是对象类型，这是JS存在的bug。

JS中除了原始类型，就是对象类型。

不同之处：原始类型存储的是值，对象类型存储的是地址（指针）。

2）typeof 和instanceof

typeof对于原始类型来说，除了null都可以显示正确的类型，对于对象来说，除了函数都会显示object，所以说：typeof并不能准确判断变量到底是什么类型。

instanceof可以用于判断对象的正确类型，因为内部机制是通过原型链来判断的。

3)类型转换

3种情况：转化为布尔值，转换为数字，转换为字符串

4）this

直接调用方法，this是window

obj.方法 ,this是obj

const c = new 方法（）， this是永远绑定在c上。

箭头函数其实是没有 this 的，箭头函数中的 this 只取决包裹箭头函数的第一个普通函数的 this。

5）什么是闭包：函数 A 内部有一个函数 B，函数 B 可以访问到函数 A 中的变量，那么函数 B 就是闭包。

循环中使用闭包解决 `var` 定义函数的问题：使用闭包或let.

什么是浅拷贝？如何实现浅拷贝？什么是深拷贝？如何实现深拷贝？

浅拷贝：

1）对象类型在赋值的过程中其实是复制了地址,可以通过 Object.assign 来解决这个问题.Object.assign 只会拷贝所有的属性值到新的对象中，如果属性值是对象的话，拷贝的是地址，所以是浅拷贝。

2）还可以通过展开运算符 ... 来实现浅拷贝

浅拷贝只解决了第一层的问题，如果接下去的值中还有对象的话，那么就又回到最开始的话题了，两者享有相同的地址。要解决这个问题，我们就得使用深拷贝了。

深拷贝：通过 JSON.parse(JSON.stringify(object)) 来解决

局限性：会忽略undefined,symbol,不能序列号函数，不能解决循环引用的对象。

如果你所需拷贝的对象含有内置类型并且不包含函数，可以使用 MessageChannel

原型：

如何理解原型？如何理解原型链？

结论：原型的 constructor 属性指向构造函数，构造函数又通过 prototype 属性指回原型。

• Object 是所有对象的爸爸，所有对象都可以通过 __proto__ 找到它
• Function 是所有函数的爸爸，所有函数都可以通过 __proto__ 找到它
• 函数的 prototype 是一个对象
• 对象的 __proto__ 属性指向原型， __proto__ 将对象和原型连接起来组成了原型链。