对象的原型链

对象的原型链

1. 凡是对象就有原型
2. 原型也是对象

凡是对象就有原型, 那么原型又是对象, 因此凡是给定义一个对象, 那么就可以找到他的原型, 原型还有原型. 那么如此下去, 就构成一个对象的序列. 称该结构为原型链.

问题:

1. 原型链到底到什么时候是一个头
2. 一个默认的原型链结构是怎样的
3. 原型链结构对已知语法的修正

原型链的结构

凡是使用构造函数创建出对象, 并且没有利用赋值的方式修改原型, 就说该对象保留默认的原型链.

默认原型链结构是什么样子呢?

    function Person() {}
    var p = new Person();
    // p 具有默认的原型链

默认的原型链结构就是:

当前对象 -> 构造函数.prototype -> Object.prototype -> null

在实现继承的时候, 有时会利用替换原型链结构的方式实现原型继承, 那么原型链结构就会发生改变

  function ItcastCollection () {}
    ItcastCollection.prototype = [];
    var arr = new ItcastCollection();
    // arr -> [] -> Array.prototype -> Object.prototype -> null
    // var arr = new Array();

什么是原型式继承

所谓的原型式继承就是利用修改原型链的结构( 增加一个节点, 删除一个节点, 修改节点中的成员 ), 来使得实例对象可以使用整条链中的所有成员.

这里的使用规则必须满足属性搜索原则

绘制对象的原型链结构

说明: 函数中也有 __proto__ 属性. 注意, 暂时不考虑函数的该属性

    function Person () {}
    var p = new Person();

练习:

1. 绘制 {} 的原型链结构
2. 绘制 [] 的原型链结构

在 js 中, 所有的对象字面量在解析以后, 就是一个具体的对象了. 那么可以理解为 调用的 对应的构造方法.

1. 例如在代码中写上 {}, 就相当于 new Object()
2. 例如代码中有 [], 就相当于 new Array()
3. 例如代码中有 /./, 就相当于 new RegExp( '.' )

注意: 在底层理论执行的过程中, 是否有调用构造函数, 不一定. 和浏览器的版本有关.

在原型链中绘制 Object.prototype 对应的构造函数

练习, 绘制原型链结构

    var o = {
        appendTo: function ( dom ) {
        }
    };
    function DivTag() {}
    DivTag.prototype = o;

    var div = new DivTag();

// div -> DivTag.prototype( 就是 o ) -> Object.prototype -> null