原型链结构图

JavaScript原型(prototype)、__proto__、原型链及其结构图

原型

  1. 每个函数都有一个prototype属性, 默认指向一个Object实例对象,即原型对象
  2. 原型对象中有一个属性constructor, 它指向函数对象

即:构造函数与它的原型对象相互引用(暂不考虑改变原型指向问题)

  1. 可以给原型对象添加属性(一般都是方法),函数的实例对象可以继承原型中的属性(方法)

显式原型和隐式原型

  1. 每个函数对象都有一个prototype属性,即显式原型,在定义函数时自动添加,默认指向一个Object实例对象
  2. 每个实例对象都有一个__proto__属性,即隐式原型,创建对象时自动添加,,默认指向构造函数的prototype
    function Fn() {

    }
    var fn = new Fn();
    console.log(Fn.prototype === fn.__proto__); // true

即:实例对象的隐式原型的值为其对应构造函数的显式原型的值

函数、Function、Object

    console.log(Function.__proto__.constructor.name); // Function
    console.log(Object.__proto__.constructor.name); // Function
    console.log(Function.prototype.__proto__.constructor.name); // Object
  1. 所有函数都是Function的实例(包括Function),继承自 Function.prototype,Function 是所有函数对象的构造函数
  2. Object是函数, 因此它也是 Function 的实例对象
  3. Function.prototype 又是继承自 Object.prototype

原型链

每个构造函数都能创建对象,对象内部有个属性__proto__属性指向对应构造函数的原型对象,原型对象本质也是一个对象,也是由另外一个构造函数创建出来的,该对象的__proto__属性也指向那个构造函数的原型对象,以此类推,便形成一条链式的结构,称为原型链。
这个链式结构是由__proto__串起来的,故其本质为隐式原型链

console.log(Object.prototype.__proto__); // null

Object的原型对象是原型链的尽头。

相关文章: