JS高级面试高频题及实战答案.docxVIP

JS高级面试高频题及实战答案

一、原型与原型链（面试必问）

题目1：请解释JS中原型、原型链的概念，以及__proto__和prototype的区别

答案：

原型（prototype）：每个函数（除箭头函数）创建时自带的一个对象，用于存储该函数实例共享的属性和方法（比如数组的push、map方法都存在Array.prototype上）。

原型链：每个对象都有__proto__属性（隐式原型），该属性指向其构造函数的prototype。当访问对象的属性/方法时，若自身没有，会通过__proto__向上查找，直到找到Object.prototype（原型链顶端，其__proto__为null），这个查找链条就是原型链。

核心区别：

prototype：仅函数拥有，是实例的“原型对象”，用于存放共享属性/方法；

__proto__：所有对象（包括函数）都拥有，是“隐式原型指针”，用于指向构造函数的prototype，构成原型链查找。

代码示例：

functionPerson(name){

this.name=name;//实例自身属性

}

Person.prototype.sayHi=function(){//原型上的共享方法

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

};

constzhangsan=newPerson(张三);

zhangsan.__proto__===Person.prototype;//true（实例的隐式原型指向构造函数原型）

Person.prototype.__proto__===Object.prototype;//true（原型链向上查找）

Object.prototype.__proto__===null;//true（原型链顶端）

题目2：如何实现原型链继承？有哪些缺点？

答案：

最经典的原型链继承方式是“子类原型指向父类实例”，配合构造函数调用实现属性继承。

实现代码：

//父类

functionAnimal(type){

this.type=type;//父类实例属性

}

Animal.prototype.eat=function(){//父类原型方法

console.log(`${this.type}在吃东西`);

};

//子类

functionDog(name){

this.name=name;

}

//核心：子类原型指向父类实例，实现原型链继承

Dog.prototype=newAnimal(狗);

//修复constructor指向（否则Dog实例的constructor会指向Animal）

Dog.prototype.constructor=Dog;

//测试

consterha=newDog(二哈);

erha.eat();//狗在吃东西（继承自父类原型）

erha.type;//狗（继承自父类实例属性）

缺点：

父类实例属性会被所有子类实例共享（比如修改Dog.prototype.type，所有Dog实例的type都会变）；

子类构造函数无法向父类构造函数传递参数（只能在Dog.prototype=newAnimal(狗)时固定参数）；

无法实现多继承。

二、闭包（高频+易混淆）

题目3：什么是闭包？闭包的实际应用场景有哪些？可能引发什么问题？

答案：

定义：函数嵌套时，内部函数引用了外部函数的变量/参数，且内部函数被外部作用域访问（比如返回、赋值给全局变量），此时外部函数的执行上下文不会被销毁，形成闭包。简单说：“函数+函数所处的词法环境”。

核心特征：

内部函数可以访问外部函数的变量（即使外部函数已执行完毕）；

外部函数的变量被内部函数“私有化”，不会被全局污染。

实际应用场景：

模块化（封装私有变量）：

//封装计数器模块，count为私有变量，外部无法直接修改

functioncreateCounter(){

letcount=0;//外部函数变量

return{

increment:()=count++,

getCount:()=count

};

}

constcounter=createCounter();

counter.increment();

console.log(counter.getCount());//1（访问到闭包中的count）

console.log(count);//ReferenceError（外部无法访问）

防抖/节流函数（保存定时器ID、上次执行时间等