
原型与原型对象:深入理解JavaScript中的继承机制
本文将解释JavaScript中的原型和原型对象的概念,并澄清它们之间的关系以及与prototype和[[Prototype]]属性的关联。
核心概念:
一个对象的原型是另一个对象。 ECMAScript规范指出,每个通过构造函数创建的对象都隐式地关联到其构造函数的prototype属性所指向的对象。这个对象就是该实例对象的原型。 需要注意的是,“原型对象”并非ECMAScript规范中的正式术语,而是开发者约定俗成的说法,通常指代构造函数的prototype属性所引用的对象。
关键区别:
-
prototype属性: 这是构造函数的一个属性,它指向一个对象(原型对象)。 这个属性用于定义所有通过该构造函数创建的对象共享的属性和方法。 -
[[Prototype]]内部属性: 这是每个对象都隐式拥有的一个内部属性,它指向该对象的原型。 你无法直接访问[[Prototype]],但可以通过Object.getPrototypeOf()方法获取。
示例说明:
让我们用一个例子来阐明:
function MyClass() {}
MyClass.prototype.name = "John";
let person = new MyClass();
console.log(person.name); // "John"
在这个例子中:
-
MyClass.prototype是MyClass构造函数的原型对象。它包含name属性。 -
person.__proto__(非标准,但许多浏览器支持) 或Object.getPrototypeOf(person)返回MyClass.prototype,即person对象的原型。
因此,person能够访问name属性,是因为它通过原型链继承了其原型对象MyClass.prototype上的name属性。
总结:
简而言之,原型对象是prototype属性指向的对象,而原型是对象通过[[Prototype]]内部属性关联到的对象。 它们不是一回事,但紧密相关,共同构成了JavaScript的原型继承机制。 理解这个区别对于深入掌握JavaScript的继承机制至关重要。










