
理解JavaScript原型继承中Teacher.prototype指向Person
在JavaScript原型继承中,Teacher.prototype = Person 这种赋值方式可能令人困惑。我们通常认为原型链是通过连接函数的prototype属性来实现的,但这里直接将Teacher构造函数的prototype指向了Person对象。
让我们通过一个例子来解释: 假设teacherLiu 是Teacher构造函数的一个实例。teacherLiu的原型对象(__proto__ 或 [[Prototype]])指向Teacher.prototype,而Teacher.prototype又指向Person。因此,teacherLiu能够访问Person的属性和方法。
关键概念:原型(prototype)与原型对象([[Prototype]])
为了更清晰地理解,我们需要区分两个关键概念:
-
原型(prototype): 指的是函数的
prototype属性,它是一个对象,用于存放所有实例共享的属性和方法。 -
原型对象([[Prototype]]): 指的是对象的
__proto__属性(或[[Prototype]],这是规范中的表示,在浏览器环境中通常使用__proto__访问),它指向该对象的原型。
在Teacher.prototype = Person中:
-
Teacher.prototype是Teacher函数的原型。 - 通过赋值,
Teacher.prototype不再指向一个空对象,而是直接指向Person对象本身。
因此,teacherLiu.__proto__指向Teacher.prototype,而Teacher.prototype指向Person,从而形成了原型链。 这使得teacherLiu能够继承Person的属性和方法。 这与传统的通过Teacher.prototype.constructor = Teacher;等方式建立原型链有所不同,但最终效果是一致的,即实现了继承。
这种直接赋值的方式简洁高效,但需要注意的是,它会覆盖Teacher原有的原型对象。 如果需要在Teacher中添加独有的原型方法,需要在赋值之后重新添加。










