JavaScript原型链prototype chain
时间:2010-09-06 来源:sucre03
为了在JavaScript更好地去面向对象,我们需要看清楚一些事情的本质,比如:原型链!
- <script type="text/javascript">
- /*
- 每个对象实例都有个属性成员用于指向到它的instanceof 对象(暂称为父对象)的原型(prototype)
- 我们把这种层层指向父原型的关系称为[原型链 prototype chian]
- 原型也具有父原型,因为它往往也是一个对象实例,除非我们人为地去改变它
- Function的父原型指向到Function的原型,Function.prototype的父原型是Object的原型
- Object的父原型也指向到Function的原型,Object.prototype是所有父原型的顶层
- 在spiderMonkey引擎中,父原型可以通过 __proto__ 进行访问
- */
- Function.prototype.hi = function(){alert('hi Function');}
- Object.prototype.hi = function(){alert('hi Object');}
- var a = function(){
- this.txt = "a";
- }
- a.prototype = {
- say:function(){alert('a');}
- }
- alert(a instanceof Function);//a是Function的实例;
- alert(a.__proto__ === Function.prototype);//a的父原型指向到Function的原型;
- alert(Function instanceof Object);//Function是Object的实例;
- alert(Function.__proto__ === Function.prototype);//Function的父原型指向到Function的原型;
- alert(Function.prototype.__proto__ === Object.prototype);//Function的原型的父原型指向到Object的原型
- alert(Object.__proto__ === Function.prototype);//Object的父原型指向到Function的原型;
- alert(Object.prototype.__proto__);//Object的原型是所有父原型的顶端,它不再具有父原型;
- alert(a.prototype instanceof Object);//a的原型也是一个对象
- alert(a.prototype.__proto__ === Object.prototype);//a的原型的父原型指向Object的原型
- var A = function(){};
- A.prototype = new a();
- A.prototype.say = function(){
- alert('A');
- }
- alert(A instanceof Function);//A是Function的实例
- alert(A.__proto__ === Function.prototype);//A的父原型指向到Function的原型
- alert(A.prototype instanceof a);//A的原型是a的实例
- alert(A.prototype.__proto__ === a.prototype);//A的原型的父原型指向到a的原型
- var iA = new A();//iA是A的实例,iA.__proto__ === A.prototype
- var iB = new a();//iB是a的实例,iB.__proto__ === a.prototype
- iA.hi();
- /*
- iA本身没有hi方法(构造中没有,自己也没有定义过),
- 于是找iA的prototype,没有找到,
- 于是找iA.__proto__即A.prototype,也没有找到,
- 于是再找A.prototype.__proto__即a.prototype,仍然没有发现,
- 继续查找a.prototype.__proto__即Object.prototype,哇,发现了hi,于是调用它,停止查找
- 输出:hi Object
- */
- iB.hi();
- /*
- iB本身没有hi方法(构造中没有,自己也没有定义过),
- 于是找iB的prototype,没有找到,
- 于是找iB.__proto__即a.prototype,仍然没有发现,
- 继续查找a.prototype.__proto__即Object.prototype,哇,发现了hi,于是调用它,停止查找
- 输出:hi Object
- */
- a.hi();
- /*
- a本身没有hi方法(构造中没有,自己也没有定义过),
- 于是找a的prototype,没有找到,
- 于是找a.__proto__既Function.prototype,哇,发现了hi,于是调用它,停止查找
- 输出:hi Function
- */
- iA.say();
- /*
- iA本身没有say方法(构造中没有,自己也没有定义过),
- 于是找iA的prototype,没有找到,
- 于是找iA.__proto__即A.prototype,哇,发现了say,于是调用它,停止查找
- 所以,这里调用的是A.prototype.say
- 输出:A
- */
- iB.say();
- /*
- iB本身没有say方法(构造中没有,自己也没有定义过),
- 于是找iB的prototype,没有找到,
- 于是找iB.__proto__即a.prototype,哇,发现了say,于是调用它,停止查找
- 所以,这里调用的是a.prototype.say
- 输出:a
- */
- iA.bad();
- /*
- iA本身没有bad方法(构造中没有,自己也没有定义过),
- 于是找iA的prototype,没有找到,
- 于是找iA.__proto__即A.prototype,也没有找到,
- 于是再找A.prototype.__proto__即a.prototype,仍然没有发现,
- 继续查找a.prototype.__proto__即Object.prototype,终于是找不到了,停止查找
- 返回错误,iA.bad不是一个function
- */
- </script>
通过这篇文章可以更好的理解javascript的原型链。
相关阅读 更多 +