对象的原型链
- 凡是对象就有原型
- 原型也是对象
凡是对象就有原型, 那么原型又是对象, 因此凡是给定义一个对象, 那么就可以找到他的原型, 原型还有原型. 那么如此下去, 就构成一个对象的序列. 称该结构为原型链.
问题:
- 原型链到底到什么时候是一个头
- 一个默认的原型链结构是怎样的
- 原型链结构对已知语法的修正
原型链的结构
凡是使用构造函数创建出对象, 并且没有利用赋值的方式修改原型, 就说该对象保留默认的原型链.
默认原型链结构是什么样子呢?
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();
练习:
- 绘制 {} 的原型链结构
- 绘制 [] 的原型链结构
在 js 中, 所有的对象字面量在解析以后, 就是一个具体的对象了. 那么可以理解为 调用的 对应的构造方法.
- 例如在代码中写上
{}
, 就相当于new Object()
- 例如代码中有
[]
, 就相当于new Array()
- 例如代码中有
/./
, 就相当于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
时间: 2024-10-11 21:44:54