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由 ...
随机推荐
- Android Editext监听光标位置
因为项目需要,需要实时监听光标的位置变化,网上提出的用TextWatcher和onTouchListener中调用contentText.getSelectionStart()都是获取的上一次位置. ...
- 浩顺AC671指纹考勤机二次开发(demo)
关于考勤机 AC671,是新换的机器,以前的那部机器,通过网络死活连接不上,换了AC671网络连接是好用了.但是,我要吐槽 浩顺的考勤机应该是卖了很多了吧,可是自带的软件太不给力,最后分析出来的数据一 ...
- Linux内核3.0移植并基于Initramfs根文件系统启动
Linux内核移植与启动 Target borad:FL2440 Bootloader:U-boot-2010.09 交叉编译器:buildroot-2012.08 1.linux内核基础知识 首先, ...
- Codeforces 364A - Matrix
原题地址:http://codeforces.com/problemset/problem/364/A 题目大意: 给定一个数字a(0 ≤ a ≤ 109)和一个数列s(每个数都是一位,长度不超过40 ...
- [原]Unity3D深入浅出 - 导航网格自动寻路(Navigation Mesh)
NavMesh(导航网格)是3D游戏世界中用于实现动态物体自动寻路的一种技术,将游戏中复杂的结构组织关系简化为带有一定信息的网格,在这些网格的基础上通过一系列的计算来实现自动寻路..导航时,只需要给导 ...
- Linux SocketCan client server demo hacking
/*********************************************************************** * Linux SocketCan client se ...
- Erlang入门（一）
读erlang.org上面的Erlang Course四天教程1.数字类型,需要注意两点1)B#Val表示以B进制存储的数字Val,比如 7> 2#101.5 二进制存储的101就是10进制的5 ...
- js判断checkbox是否已选
代码: <h2>Default</h2> @using (Html.BeginForm()) { <ul> <li>@Html.CheckBox(&qu ...
- jQuery.autoComplete 多参数
query 版本 1.3.2插件默认的 参数 是q 如果需要传递多个参数呢?$("#stylistname").autocomplete("/page/autostyli ...
- 如何使用UDP进行跨网段广播
广播域首先我们来了解一下广播域的概念.广播域是网络中能接收任一台主机发出的广播帧的所有主机集合.也就是说,如果广播域内的其中一台主机发出一个广播帧,同一广播域内所有的其它主机都可以收到该广播帧.广播域 ...