🎶 Sym - 一款用 Java 实现的现代化社区(论坛/BBS/社交网络/博客)平台

📕 链滴笔记 - 一款桌面端笔记应用,支持 Windows、Mac 和 Linux

🎸 Solo - B3log 分布式社区的博客端节点,欢迎加入下一代社区网络

♏ Vditor - 一款浏览器端的 Markdown 编辑器

JavaScript 原型链

 

<mce:script type="text/javascript"><!--
/*
   每个对象实例都有个属性成员用于指向到它的instanceof 对象(暂称为父对象)的原型(prototype)
   我们把这种层层指向父原型的关系称为[原型链 prototype chian]
   原型也具有父原型,因为它往往也是一个对象实例,除非我们人为地去改变它
   在JavaScript中,"一切都是对象,函数是第一型。"
   Function和Object都是函数的实例。
   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.__proto__即 A.prototype,也没有找到,
于是再找 A.prototype.__proto__即 a.prototype,仍然没有发现,
继续查找 a.prototype.__proto__即 Object.prototype,哇,发现了 hi,于是调用它,停止查找
输出:hi Object
/
iB.hi();
/

iB 本身没有 hi 方法(构造中没有,自己也没有定义过),
于是找 iB.__proto__即 a.prototype,仍然没有发现,
继续查找 a.prototype.__proto__即 Object.prototype,哇,发现了 hi,于是调用它,停止查找
输出:hi Object
/
a.hi();
/

a 本身没有 hi 方法(构造中没有,自己也没有定义过),
于是找 a.__proto__既 Function.prototype,哇,发现了 hi,于是调用它,停止查找
输出:hi Function
/
iA.say();
/

iA 本身没有 say 方法(构造中没有,自己也没有定义过),
于是找 iA.__proto__即 A.prototype,哇,发现了 say,于是调用它,停止查找
所以,这里调用的是 A.prototype.say
输出:A
/
iB.say();
/

iB 本身没有 say 方法(构造中没有,自己也没有定义过),
于是找 iB.__proto__即 a.prototype,哇,发现了 say,于是调用它,停止查找
所以,这里调用的是 a.prototype.say
输出:a
/
iA.bad();
/

iA 本身没有 bad 方法(构造中没有,自己也没有定义过),
于是找 iA.__proto__即 A.prototype,也没有找到,
于是再找 A.prototype.__proto__即 a.prototype,仍然没有发现,
继续查找 a.prototype.__proto__即 Object.prototype,终于是找不到了,停止查找
返回错误,iA.bad 不是一个 function
*/
// --></mce:script>
感谢 simon 提出的修正意见!所有实例在查找属性方法时不会去查找自己的 prototype(实例的 prototype 不在原型链内,只能作为一个属性)!
</script>

 

 


欢迎注册黑客派社区,开启你的博客之旅。让学习和分享成为一种习惯!

留下你的脚步