js经典面试题及答案.docxVIP

js经典面试题及答案

1.什么是事件冒泡和事件捕获？请解释它们之间的区别。

答案：

事件冒泡和事件捕获是描述事件在DOM中如何传播的两种机制。

事件冒泡：当一个事件在一个元素上被触发后，会向上传播到它的父元素，然后是父元素的父元素，直到到达文档的根元素。大多数现代浏览器默认支持事件冒泡。

事件捕获：与冒泡相反，事件捕获是从文档的根元素开始，向下传播到目标元素。在事件到达目标元素之前，它首先会在祖先元素中被捕获。

区别在于，事件捕获先于事件目标执行，而事件冒泡在事件目标执行之后。

2.请解释`null`和`undefined`之间的区别。

答案：

`null`和`undefined`都是JavaScript中的特殊值，但它们表示不同的概念。

`null`是一个表示“空”或“无”的对象标识符。它是一个赋值给变量的值，表示变量故意没有值。

`undefined`表示未定义，即一个变量已经声明但未初始化时的值。它也用于表示函数没有返回值时的默认返回值。

3.什么是闭包（Closure）？请提供一个例子。

答案：

闭包是一个函数，它能够访问并保持对创建该函数时的作用域链的引用。闭包允许函数访问外部函数作用域中的变量。

例子：

```javascript

functionouter(){

letouterVar=Iamfromouterfunction;

functioninner(){

letinnerVar=Iamfrominnerfunction;

console.log(outerVar);//输出：Iamfromouterfunction

}

returninner;

}

constmyClosure=outer();

myClosure();//输出：Iamfromouterfunction

```

4.请解释`==`和`===`之间的区别。

答案：

`==`是等于运算符，它会在比较前进行类型转换（如果两个值不是同一类型）。这被称为“宽松比较”。

`===`是严格等于运算符，它不会进行类型转换，如果两个值类型不同，直接返回`false`。这被称为“严格比较”。

5.如何检查一个变量是否为数组？

答案：

有多种方法可以检查一个变量是否为数组：

使用`Array.isArray()`方法：

```javascript

Array.isArray(variable);//返回true或false

```

使用`instanceof`运算符：

```javascript

variableinstanceofArray;//返回true或false

```

使用`Object.prototype.toString.call()`方法：

```javascript

Object.prototype.toString.call(variable)===[objectArray];//返回true或false

```

6.请解释异步编程中的Promise及其三种状态。

答案：

Promise是一个对象，它代表了一个异步操作的最终完成（或失败）及其结果值。Promise有三种状态：

待定（Pending）：初始状态，既不是成功，也不是失败状态。

已兑现（Fulfilled）：意味着操作成功完成。

已拒绝（Rejected）：意味着操作失败。

7.如何实现深拷贝和浅拷贝？

答案：

浅拷贝：只复制对象的第一层属性，如果属性是基本类型，则复制值；如果属性是引用类型，则复制引用。

```javascript

letobj={a:1,b:{c:2}};

letshallowCopy={...obj};

```

深拷贝：复制对象的所有层级属性，每个属性值都完全独立于原对象。

```javascript

functiondeepCopy(obj){

letclone=Array.isArray(obj)?[]:{};

for(letkeyinobj){

if(obj.hasOwnProperty(key)){

clone[key]=typeofobj[key]===objectobj[key]!==null?deepCopy(obj[key]):obj[key];

}

}

returnclone;

}

```