2018年JS面试题及答案（无AI味版）.docxVIP

2018年JS面试题及答案（无AI味版）

一、基础概念题

题目：说说JavaScript中原型和原型链的理解，举个简单例子说明

答案：每个JS对象（除了null）都有__proto__属性，指向它的原型对象；构造函数有prototype属性，也指向原型对象。原型链就是对象通过__proto__层层向上查找属性的链路，直到Object.prototype的__proto__为null。比如：

functionPerson(name){

this.name=name;

}

Person.prototype.sayHi=function(){

console.log(`Hi${this.name}`);

};

constlisa=newPerson(Lisa);

lisa.sayHi();//能调用到原型上的方法，因为lisa.__proto__===Person.prototype

console.log(lisa.__proto__.__proto__===Object.prototype);//true，这就是原型链层级

题目：闭包是什么？实际开发中怎么用，有什么注意事项？

答案：闭包就是函数嵌套时，内部函数能访问外部函数的变量/参数，且外部函数执行完后这些变量还能被保留。实际用得最多的比如模块化（避免全局污染）、防抖节流、柯里化。

例子（模块化）：

functioncreateCounter(){

letcount=0;//被闭包保留，外部访问不到

return{

add:()=count++,

getCount:()=count

};

}

constcounter=createCounter();

counter.add();

console.log(counter.getCount());//1

注意事项：闭包会让变量常驻内存，滥用可能导致内存泄漏，比如循环中用闭包绑定事件时，要及时解绑或用立即执行函数传参。

题目：JavaScript的事件流是什么？事件委托的原理和优势

答案：事件流分三个阶段：捕获阶段（从window向下到目标元素）、目标阶段（事件触发）、冒泡阶段（从目标元素向上到window）。IE以前是冒泡流，DOM标准是先捕获后冒泡。

事件委托就是利用事件冒泡，把子元素的事件绑定到父元素上。原理是父元素能通过event.target判断触发事件的子元素。

优势：减少事件绑定次数（比如列表项很多时，不用每个都绑）、动态添加的子元素也能触发事件（不用重新绑定）。

二、异步编程题

题目：说说Promise的三种状态，以及then、catch、finally的执行逻辑，举个例子

答案：Promise有pending（等待）、fulfilled（成功）、rejected（失败）三种状态，状态一旦改变就不能再变。

constp=newPromise((resolve,reject)={

setTimeout(()={

constrandom=Math.random();

random0.5?resolve(成功了):reject(失败了);

},1000);

});

p.then(res={

console.log(res);

returnres+，再处理;

}).then(newRes={

console.log(newRes);

}).catch(err={

console.log(err);

}).finally(()={

console.log(不管成不成功都执行);

});

then接收两个回调：第一个是成功时执行（接收resolve的参数），第二个是失败时执行（可选）

catch专门捕获失败状态（包括then里抛出的错误）

finally不管成功还是失败都会执行（2018年ES2018刚支持，面试常考）

例子：

题目：下面代码的输出顺序是什么？为什么？

console.log(1);

setTimeout(()=console.log(2),0);

newPromise(resolve={

console.log(3);

resolve();

}).then(()=console.log(4));

console.log(5);

答案：输出顺序是1、3、5、4、2。

原因：JS是单线程，有同步任务、微任务、宏任务队列。同步任务先执行（1、3、5）；然后执行微任务（Promise.then属于微任务