邀朋友种豆,一起分享吧
喜欢购买正品行货?那就去品牌街

图解JavaScript原型链

来自:种豆 时间:2017-12-29 阅读:622次 原文链接
对于javascript原型链,一直没有理解很明白,今天看了一些介绍后,发现这张图,表示再没有什么语言能比这张图说得清楚了。


javascript的原型链有显式和隐式两种:显式原型链:即我们常见的prototype;隐式原型链:在一般环境下无法访问,即不可见,在FireFox下可以通过__proto__方式访问;隐式原型链用于javascript引擎内部对原型链的搜寻,通过显示原型链来设置;
示例function A(){} function B(){} function C(){}

B.prototype
= new A();
var b1
= new B();
console.log(b1.prototype);
//输出undefined
console.log(b1.__proto__);//输出A

B.prototype
= new C();
var b2
= new B();
console.log(b2.__proto__);
//输出C

B.prototype.say
= function(){
  console.log(
'hello');
}
b1.say;
//输出undefined
b2.say;//输出

function(){
  console.log(
'hello')
}
b2.say();
//输出hello
结论:实例是不能直接访问prototype属性的,即显示原型链不可用,但其隐式原型链是存在的,并且是在new的时候就赋值的 ;
 
关于种豆 ┊ 联系我们 ┊ 免责声明 ┊ 发帖须知 ┊ 请提意见 ┊ 站点地图
本站为个人爱好兴趣分享网站,不代表本人观点,如有侵权请联系QQ3371650278进行处理
sowsoy.com 版权所有 Copyright©2010-2020 浙ICP备10212932号
Email:sowsoy#hotmail.com