图解
概念
构造函数
构造函数:用来初始化新创建的对象的函数是构造函数。
function Foo () {
...
}
复制代码
每一个构造函数都有一个原型对象即prototype(指针)指向的对象。 而原型对象也有一个属性constructor(构造器)指向构造函数。
实例对象
通过构造函数的new操作创建的对象是实例对象。可以用一个构造函数,构造多个实例对象。
const f1 = new Foo()
const f2 = new Foo()
复制代码
实例对象也有有一个__proto__(非标准顺序)属性。该属性指向实例对象的原型对象。
原型
构造函数通过 new 操作符来创建一个实例 , 实例又可以通过内部指针 proto 指向原型对象。 proto 连接的这一条原型对象就构成了原型链。
function A () {
}
function B () {
}
function C () {
}
B.prototype = new A()
C.prototype = new B()
const c = new C()
console.log(
c.__proto__ === C.prototype, // true
C.prototype.__proto__ === B.prototype, // true
B.prototype.__proto__ === A.prototype, // true
A.prototype.__proto__ === Object.prototype, // true
Object.prototype.__proto__ === null // true
)
复制代码
原型链最顶端就是Object.prototype。 而Object.prototype的原型对象是null。