前端面试之理解原型/构造函数/实例(JavaScript篇)

2,309 阅读1分钟

图解

图

概念

构造函数

构造函数:用来初始化新创建的对象的函数是构造函数。

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。