JavaScript 原型继承开端
1.原型继承本质
就javascript对象系统的实现来讲，对象并没有原型，而构造器有原型（构造器.prototype指向其原型）。对象只有构造自某个原型的说法，并没有持有某个原型的说法。原型其实也是一个对象实例。原型的含义是指：如果构造器有一个原型对象A，则由该构造器创建的实例都必然复制自A。
2.空的对象是所有对象的基础
来看看以下代码：
<html>
<head>
<meta http-equiv="content-type" charset="utf-8"/>
<script type="text/javascript">
var proto = Object.prototype; var count = 0;
for(var n in proto)
{
count++;
}
alert(count);//return 0;
</script>
</head>
<body>
</body>
</html>
由上边代码我们知道Object()构造器的原型就是一个空的对象。下边的两行代码无非就是从Object.prototype复制出的一个映像，也是空的对象
obj1 = new Object();
obj2 = {};
构建过程可以简单理解为”复制”
图 2.1 对象构建
3.构造复制---写复制---读遍历
由图 2.1可以看出，每构造出一个实例，都需要从原型中复制出一个相应的实例出来，但这种构造复制会产生一个问题：内存空间的急剧消耗。
因此我们的另一个策略就是写时复制，先看下图：
图 3.1 写时复制
在系统中只要将obj1和obj2的引用指向对象的原型，这样在读取的时候顺着引用读取即可。只有当需要修改对象obj1或obj2的属性时才复制一个映像出来，以后就操作该映像。写时复制的优点是只在第一次写的时候用一些代码来分配内存，带来一些代码和内存上的开销，以后就没有这种开销了。但如果需要经常写操作，则这种方式与上一种没有什么区别。
第三种策略就是把写复制的粒度再次变小，从原型变成成员,仅当写某个实例的成员时，将成员信息复制到实例映像中。
图 3.2 成员复制
我们发现obj2仍旧指向原型，在写操作时也没有与原型相同大小的实例被创建出来，不会导致大量的内存分配，因此在内存使用上更加经济。但obj2需要维护一张成员列表，列表中存放修改了的成员，列表中的成员是否与原型中的成员是否一致并不重要，只需要遵循两条规则。
1）保证读取时先被访问到。我们访问obj2.value时，得到10.但对于obj1.value，这时读遍历规则就起作用了：
2）如果对象中没有指定属性，则会尝试遍历对象的整个原型链，知道找到該值或者为空。
假设原型也持有一张成员列表，如下：
图 3.3 读遍历
那么，obj2.value为10，而obj1.value自然为’abc’。我们也发现原型带来的另外一个效果：obj1.value与obj2.value的类型并不相同。如果原型链上没有维护value这个成员，那么obj1.vlaue的值就是undefined。
ps：从上图可以看到存取实例中的属性比存取原型中的属性效率要高，即obj2.value比obj1.value少一个指针访问....
JavaScript 原型继承开端的更多相关文章
- 再谈javascript原型继承
Javascript原型继承是一个被说烂掉了的话题,但是自己对于这个问题一直没有彻底理解,今天花了点时间又看了一遍<Javascript模式>中关于原型实现继承的几种方法,下面来一一说明下 ...
- 彻底理解Javascript原型继承
彻底理解Javascript原型继承 之前写过一篇Javascript继承主题的文章,这篇文章作为一篇读书笔记,分析的不够深入. 本文试图进一步思考,争取彻底理解Javascript继承原理 实例成员 ...
- [转]Javascript原型继承
真正意义上来说Javascript并不是一门面向对象的语言,没有提供传统的继承方式,但是它提供了一种原型继承的方式,利用自身提供的原型属性来实现继承.Javascript原型继承是一个被说烂掉了的话题 ...
- JavaScript原型继承工作原理
原型继承的定义 当你阅读关于JS原型继承的解释时,你时常会看到以下这段文字: 当查找一个对象的属性时,JavaScript 会向上遍历原型链,直到找到给定名称的属性为止.——出自JavaScript秘 ...
- 【读书笔记】读《编写高质量代码—Web前端开发修炼之道》 - JavaScript原型继承与面向对象
JavaScript是基于原型的语言,通过new实例化出来的对象,其属性和行为来自于两部分,一部分来自于构造函数,另一部分是来自于原型.构造函数中定义的属性和行为的优先级比原型中定义的属性和优先级高, ...
- 浅析Javascript原型继承(转)
引自: http://blog.csdn.net/kittyjie/article/details/4380918 原作者解释的浅显易懂,非常不错的JavaScript prototype总结 JS没 ...
- Javascript原型继承容易忽略的错误
编写Javascript的开发者都知道,JS虽然没有类(ES6添加了class语法),但是可以模拟出OOP语言的类和面向对象的概念,比如我们都知道的一句话,Javascript中处处是对象,而面向对象 ...
- javascript原型继承圣杯模式
javascript纯面向对象开发需要使用到的一个模式,来对对象之间原型继承做中间层代理避免重复继承与代码杂乱 <!DOCTYPE html> <html lang="en ...
- javascript原型继承
在传统的基于Class的语言如Java.C++中,继承的本质是扩展一个已有的Class,并生成新的Subclass. 由于这类语言严格区分类和实例,继承实际上是类型的扩展.但是,JavaScript由 ...
随机推荐
- Python Requests库：HTTP for Humans
Python标准库中用来处理HTTP的模块是urllib2,不过其中的API太零碎了,requests是更简单更人性化的第三方库. 用pip下载: pip install requests 或者git ...
- nginx负载均衡 - session失效
最近迷上了Nginx,真实麻雀虽小,五脏俱全..功能实在强大.. nginx不单可以作为强大的web服务器,也可以作为一个反向代理服务器,而且nginx还可以按照调度规则实现动态.静态页面的分离,可以 ...
- JavaScript DOM高级程序设计 5动态修改样式和层叠样式表2--我要坚持到底！
把样式置于DOM脚本之外 style属性 我们可以这样设置前景色之类的属性: element.style.color='red'; 也可以使用下面的代码设置背景颜色: element.style.ba ...
- WinAPI——钩子函数大全3
函数原形:LRESULT CALLBACK JournalPlaybackProc(int code, WPARAM wParam, LPARAM lParam); 参数: code:指示一个代码,被 ...
- MarshalByRefObject浅析
首先了解一下不同应用程序域中的对象的通信方式有两种: 一种是跨应用程序域边界传输对象副本 一种是使用代理交换消息. 简单来讲,继承此类的对象可以跨越应用程序域边界被引用,甚至被远程引用. 当一个对象需 ...
- mysql系列命令解释
mysqld - the MySQL server mysql - the MySQL command-line tool mysqlaccess - client for checking acce ...
- Is there a way for me to run Adb shell as root without typing in 'su'?
Orginal artical :http://android.stackexchange.com/questions/5884/is-there-a-way-for-me-to-run-adb-sh ...
- poj 2503 Babelfish (查找 map)
题目:http://poj.org/problem?id=2503 不知道为什么 poj 的 数据好像不是100000,跟周赛的不一样 2000MS的代码: #include <iostrea ...
- 函数buf_LRU_block_remove_hashed_page
/******************************************************************//** Takes a block out of the LRU ...
- bzoj1532
就题目而言,这道题是裸的二分+最大流 但是这样是TLE的,我们考虑优化 1. 我们可以先贪心,这样二分的上界就可以缩小了 2. 最大流我们可以不急着跑增广路,我们可以先贪心一个流然后再跑增广路 但是我 ...