前端 JavaScript 进阶面试题, 原型

Step 1

Q:: 什么是 JavaScript 中的原型？

A:: 在 JavaScript 中，每个对象都有一个 prototype 属性，指向另一个对象。这个对象称为原型。当试图访问一个对象的属性时，如果这个属性不存在于该对象本身，则 JavaScript 会查找其原型对象（以及原型对象的原型，依此类推），直到找到该属性或达到原型链的末端。

Step 2

Q:: 解释原型链（prototype chain）。

A:: 原型链是由对象及其原型组成的一条链条。当访问一个对象的属性时，JavaScript 引擎会首先查找对象自身的属性。如果未找到，它会查找该对象的原型，然后是原型的原型，依此类推，直到找到属性或达到 null（原型链的末端）。这就是原型链的工作机制。

Step 3

Q:: 如何创建一个具有指定原型的对象？

A:: 可以使用 Object.create() 方法来创建一个具有指定原型的对象。例如：const newObj = Object.create(prototypeObj); 这样 newObj 的原型就是 prototypeObj。

Step 4

Q:: JavaScript 中的继承是如何实现的？

A:: JavaScript 中的继承是通过原型链实现的。当一个对象继承另一个对象时，继承对象的 prototype 属性会指向被继承对象。这使得继承对象可以访问被继承对象的属性和方法。

Step 5

Q:: constructor 属性是什么？

A:: constructor 属性指向创建该对象的构造函数。每个 JavaScript 对象（除 null 之外）在创建时都会自动获得一个 constructor 属性，该属性指向创建该对象的函数。例如：newObj.constructor === Object。

Step 6

Q:: 实例对象和原型对象之间有什么关系？

A:: 实例对象是通过构造函数创建的对象，而原型对象是构造函数的 prototype 属性所指向的对象。实例对象可以访问其原型对象上的属性和方法，这就是通过原型链实现的继承机制。

Step 7

Q:: 修改对象的原型有什么影响？

A:: 修改对象的原型会影响所有通过该原型创建的实例。例如，如果向原型添加一个方法，那么所有实例对象都可以访问该方法。但是，修改现有对象的原型可能会导致不可预测的行为，应该谨慎使用。

Step 8

Q:: 如何检测一个属性是对象自身的属性还是从原型链继承来的？

A:: 可以使用 hasOwnProperty() 方法来检测一个属性是否是对象自身的属性。例如：obj.hasOwnProperty('property') 返回 true 表示该属性是对象自身的属性。

Step 1

Q:: 如何解释JavaScript中的原型(prototype)概念?

A:: JavaScript中的原型是用于实现继承的基本机制。每个JavaScript对象都有一个与之关联的原型对象，该原型对象也可能有自己的原型，从而形成一个原型链。当访问对象的属性或方法时，JavaScript首先查找对象自身的属性，如果没有找到，它会在原型链上继续查找，直到找到属性或到达原型链的顶端（即null）。

Step 2

Q:: 什么是原型链? 它是如何工作的?

A:: 原型链是JavaScript中实现继承的一种方式。每个对象都有一个原型对象，并且该原型对象也可以有自己的原型。通过这种链式结构，JavaScript对象可以从原型链中的任何对象继承属性和方法。当试图访问对象的属性或方法时，JavaScript首先在该对象上查找，若未找到则沿原型链向上查找，直到找到该属性或到达原型链的顶端(null)。

Step 3

Q:: 如何实现JavaScript的原型继承?

A:: 可以通过Object.create()方法或使用构造函数结合prototype属性来实现JavaScript中的原型继承。Object.create()方法创建一个新对象，并将其原型设置为指定的对象。另一种方式是定义一个构造函数并为其prototype属性赋值，从而使得所有由该构造函数创建的实例对象共享该原型对象的属性和方法。

Step 4

Q:: JavaScript中的原型与类(class)的区别是什么?

A:: JavaScript中的原型是实现对象继承的基础，而类是ECMAScript 6 (ES6)中引入的一种更高级的语法糖，基于原型的继承机制。类提供了更简洁、面向对象的语法来定义构造函数和方法，使得代码更易读。然而，类本质上仍然基于原型机制，因此类和原型的区别更多在于语法层面的简化和增强。

Step 5

Q:: 你能解释一下JavaScript中的__proto__与prototype的区别吗?

A:: __proto__是每个对象都有的一个内部属性，指向该对象的原型，而prototype是函数对象的属性，用于指定将作为其实例原型的对象。简单来说，__proto__是对象实例的一个属性，而prototype是构造函数的一个属性。通过__proto__，我们可以访问或更改对象的原型；通过prototype，我们可以为所有实例对象添加共享的属性和方法。