2022前端高频面试题总结（附答案）

[ js基础题 ]

1. new的实现原理是什么？

1|创建一个空对象，构造函数中的this指向这个空对象

2|这个新对象被执行[原型]连接

3|执行构造函数方法，属性和方法被添加到this引用的对象中

4如果构造函数中没有返回其他对象，那么返回this，即创建的这个新对象，否则，返回构造函数中返回对象

2. 深拷贝和浅拷贝的区别是什么

深拷贝

深拷贝复制变量值，对于非基本类型的变量，则递归至基本类型变量后，再复制。

深拷贝后的对象与原来的对象是完全隔离的，互不影响，对一个对象的修改并不会影响另一个对象。

 浅拷贝

浅拷贝是会将对象的每个属性进行依次复制，但是当对象的属性值是引用类型时

实质复制的是其引用，当引用指向的值改变时也会跟着变化。

3. bind、call、apply的区别？

bind，call，apply语法概念：

1|  bind：语法

2|  func.bind(thisArg[, arg1[, arg2[, ...]]])

3|  thisArg 当绑定函数被调用时，该参数会作为原函数运行时的指向。当使用操作符调用绑定函数时，

4|  该参数无效

5|  arg1, arg2, ... 当绑定函数被调用时，这些参数将置于实参之前传递给被绑定的方法。

call语法：

fun..call(thisArg, arg1, arg2, ...) 

thisArg:：在函数运行时指定的this值。需要注意的是

指定的值并不一定是该函数执行时真正的值，如果这个函数处于非严格模式下，

则指定为null和undefined的this值会自动指向全局对象(浏览器中就是window对象)，

同时值为原始值(数字，字符串，布尔值)的 this会指向该原始值的自动包装对象。

arg1, arg2, ... 指定的参数列表。

apply语法：

fun .apply(thisArg, [argsArray])

thisArg： 在 fun函数运行时指定的 this 值。需要注意的是，

指定的 值并不一定是该函数执行时真正的 值，

如果这个函数处于非严格模式下，则指定为null或 undefined 时会自动指向全局对象（浏览器中就是window对象），

同时值为原始值（数字，字符串，布尔值）的 this会指向该原始值的自动包装对象。

argsArray: 一个数组或者类数组对象，其中的数组元素将作为单独的参数传给 fun函数。

如果该参数的值为null或 undefined，则表示不需要传入任何参数。

三者都是用于改变函数体内this的指向，但是bind与apply和call的最大的区别是: bind不会立即调用，而是返回一个新函数，称为绑定函数，其内的this指向为创建它时传入bind的第一个参数，而传入bind的第二个及以后的参数作为原函数的参数来调用原函数。

apply和call都是为了改变某个函数运行时的上下文而存在的（就是为了改变函数内部this的指向）；apply和call的调用返回函数执行结果