原型式继承

原型式继承

观察：DOM对象的原型链

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

绘制原型链结构

注意：函数也有__proto__属性，暂时不考虑这个！

观察如下代码，绘制相应的原型链结构图:

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

对应的原型链结构图为：思考：

1. 绘制{}的原型链结构图

2. 绘制[]的原型链结构图

注意：

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

• 例如在代码中写上{}, 就相当于new Object()

• 例如代码中有[], 就相当于new Array()

• 例如代码中有/./, 就相当于new RegExp( '.' )

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

思考：

绘制如下代码的原型链结构:

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

function DivTag() {}

DivTag.prototype = o;

var div = new DivTag();