2025年js面试题及答案继承.docVIP

2025年js面试题及答案继承

本文借鉴了近年相关面试中的经典题创作而成，力求帮助考生深入理解面试题型，掌握答题技巧，提升应试能力。

面试题1：解释JavaScript中的继承机制，并描述几种实现继承的方法。

答案：

JavaScript中的继承机制允许一个对象继承另一个对象的属性和方法。主要有以下几种实现继承的方法：

1.原型链继承：通过将一个对象设置为另一个对象的原型，从而实现继承。这是JavaScript中最基本的继承方式。

```javascript

functionParent(){

this.name=Parent;

}

functionChild(){

this.age=30;

}

Child.prototype=newParent();

varchild=newChild();

console.log(child.name);//Parent

console.log(child.age);//30

```

2.构造函数继承：通过在子类的构造函数中调用父类的构造函数，实现继承。

```javascript

functionParent(name){

this.name=name;

}

functionChild(age){

Parent.call(this,Child);

this.age=age;

}

varchild=newChild(30);

console.log(child.name);//Child

console.log(child.age);//30

```

3.组合继承：结合原型链继承和构造函数继承的优点，先通过原型链继承父类的原型属性，再通过构造函数继承父类的实例属性。

```javascript

functionParent(name){

this.name=name;

}

Parent.prototype.greet=function(){

console.log(Hello,mynameis+this.name);

};

functionChild(age){

Parent.call(this,Child);

this.age=age;

}

Child.prototype=newParent();

Child.prototype.constructor=Child;

varchild=newChild(30);

child.greet();//Hello,mynameisChild

```

4.寄生组合继承：进一步优化组合继承，避免不必要的原型链复制。

```javascript

functionParent(name){

this.name=name;

}

Parent.prototype.greet=function(){

console.log(Hello,mynameis+this.name);

};

functionChild(age){

Parent.call(this,Child);

this.age=age;

}

Child.prototype=Object.create(Parent.prototype);

Child.prototype.constructor=Child;

varchild=newChild(30);

child.greet();//Hello,mynameisChild

```

面试题2：解释`this`关键字在JavaScript中的作用，并举例说明在不同场景下的使用。

答案：

`this`关键字在JavaScript中用于引用当前执行环境的对象。它的值取决于函数的调用方式。

1.全局环境下：在浏览器中，`this`指向`window`对象；在Node.js中，`this`指向`global`对象。

```javascript

console.log(this===window);//true

```

2.函数调用：在普通函数调用中，`this`指向调用该函数的对象。

```javascript

functionsayHello(){

console.log(this);

}

sayHello();//输出window对象（浏览器中）

```

3.构造函数调用：在构造函数中，`this`指向新创建的实例对象。

```javascript

functionPerson(name){

this.name=name;

}

varperson=newPerson(Alice);

console.log(person.name);//Alice

```

4.对象方法调用：在对象的方法中，`this`指向该对象。

```javascript

varobj={

name:Alice,

sayHello:function(){

console.log(this.