JS面向对象面试题及答案
1.构造函数和普通函数有啥区别？用new调用构造函数时发生了什么？
答案：
核心区别有两点：
调用方式：构造函数必须用new调用，普通函数不用；
this指向：构造函数里this指向新创建的实例，普通函数（非严格模式）this指向window/global，严格模式下是undefined。
new的执行过程（关键！）：
functionPerson(name){
this.name=name;
}
constp=newPerson(小明);
//1.创建空对象：constobj={};
//2.绑定原型：obj.__proto__=Person.prototype;
//3.绑定this：Person.call(obj,小明)→obj.name=小明;
//4.返回实例：如果构造函数没返回对象，就返回obj（即p）
注意：如果构造函数主动返回一个对象，new会直接返回这个对象，而非默认实例。
2.实例的__proto__和构造函数的prototype啥关系？原型链有啥用？
答案：
关系：实例的__proto__指向其构造函数的prototype（这是原型链的基础）。
比如constarr=[]，arr.__proto__===Array.prototype。
原型链作用：实现“属性继承”和“方法复用”。
当访问一个对象的属性时，先查自身→查__proto__（构造函数原型）→查__proto__.__proto__（原型的原型）→...直到null（比如Object.prototype.__proto__是null）。
例：arr.push(1)，arr自身没有push，会去Array.prototype找，这就是原型链的作用。
3.ES5怎么实现继承？比如用Animal做父类，写个Dog子类举例，并说优缺点
答案：
ES5常用“组合继承”（实例属性+原型方法结合），代码如下：
//父类：动物
functionAnimal(type){
this.type=type;//实例属性（比如“哺乳动物”）
this.legs=4;//公共实例属性
}
//父类原型方法（复用，所有实例共享）
Animal.prototype.eat=function(){
console.log(`${this.type}吃食物`);
};
//子类：狗
functionDog(type,name){
//1.继承父类实例属性（call改变this指向）
Animal.call(this,type);
this.name=name;//子类独有的实例属性
}
//2.继承父类原型方法（绑定原型链）
Dog.prototype=newAnimal();
//修正constructor指向（否则Dog实例的constructor会指向Animal）
Dog.prototype.constructor=Dog;
//子类原型方法
Dog.prototype.bark=function(){
console.log(`${this.name}汪汪叫`);
};
//测试
constwangcai=newDog(哺乳动物,旺财);
wangcai.eat();//哺乳动物吃食物（继承父类方法）
wangcai.bark();//旺财汪汪叫（子类方法）
优缺点：
优点：既继承实例属性（如type），又继承原型方法（如eat），是ES5里最常用的继承方式。
缺点：父构造函数Animal会被调用两次（一次newAnimal()绑定原型，一次Animal.call()传属性），导致子类原型上多余父类的实例属性（比如Dog.prototype上会有type和legs，但实例wangcai自身也有，会覆盖）。
4.ES6的class和ES5构造函数有啥区别？class是语法糖吗？
答案：
class本质是“语法糖”，但比ES5构造函数多了些特性，核心区别：
写法更规范：class有constructor、extends、super等关键字，结构更像传统面向对象（如Java），不用手动绑定原型和修正constructor。
例：用class重写上面的继承：
classAnimal{
constructor(type){
this.type=type;
this.legs=4;
}
eat(){//直接写在class