js原型链原理看图说话
2015-05-07 15:11
225 查看
任何一个对象都有一个prototype的属性,在js中可以把它记为:__proto__
当初ECMAscript的发明者为了简化这门语言,同时又保持继承的属性,于是就设计了这个链表。。
在数据结构中学过链表不,链表中有一个位置相当于指针,指向下一个结构体。
于是乎__proto__也一样,每当你去定义一个prototype的时候,相当于把该实例的__proto__指向一个结构体,那么这个被指向结构体就称为该实例的原型。
文字说起来有点儿绕,看图说话
当我不指定__proto__的时候,foo也会预留一个这样的属性,
如果有明确的指向,那么这个链表就链起来啦。
很明显,下图中b和c共享a的属性和方法,同时又有自己的私有属性。
理解了__proto__这个属性链接指针的本质。。再来理解constructor。
当定义一个prototype的时候,会构造一个原形对象,这个原型对象存储于构造这个prototype的函数的原形方法之中.
【参考文档】
http://dmitrysoshnikov.com/ecmascript/javascript-the-core/
当初ECMAscript的发明者为了简化这门语言,同时又保持继承的属性,于是就设计了这个链表。。
在数据结构中学过链表不,链表中有一个位置相当于指针,指向下一个结构体。
于是乎__proto__也一样,每当你去定义一个prototype的时候,相当于把该实例的__proto__指向一个结构体,那么这个被指向结构体就称为该实例的原型。
文字说起来有点儿绕,看图说话
var foo = { x: 10, y: 20 };
当我不指定__proto__的时候,foo也会预留一个这样的属性,
如果有明确的指向,那么这个链表就链起来啦。
很明显,下图中b和c共享a的属性和方法,同时又有自己的私有属性。
理解了__proto__这个属性链接指针的本质。。再来理解constructor。
当定义一个prototype的时候,会构造一个原形对象,这个原型对象存储于构造这个prototype的函数的原形方法之中.
function Foo(y){ this.y = y ; } Foo.prototype.x = 10; Foo.prototype.calculate = function(z){ return this.x+this.y+z; }; var b = new Foo(20); var c = new Foo(50); alert(b.calculate(30));// 60
alert(c.calculate(50));// 80
【参考文档】
http://dmitrysoshnikov.com/ecmascript/javascript-the-core/
相关文章推荐
- js中闭包原理谈和原型及例子
- 看图说话之二项队列(优先队列)——原理解析
- js原型链原理看图说话
- js面向对象学习8 原型链的原理 __proto__
- 看图说话之二叉堆(优先队列)——原理解析
- 利用轮播原理结合hammer.js实现简洁的滑屏功能
- js 解决原型问题的方案 : 构造器和原型的组合
- js模态框实现原理
- JS实现无限分页加载——原理图解
- JS原型链
- 理解js的prototype原型对象
- js中的原型及原型链
- Kafka与Logstash的数据采集对接 —— 看图说话,从运行机制到部署
- 关于js原型的面试题
- 想学JS的原型和闭包吗?COME ON(11)
- JS实例属性和原型属性的区别 (转自 zhs077)
- JS知识点:sort()方法的用法,参数以及排序原理
- JS高级之原型链的总结
- 发一个自己用JS写的实用看图工具