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 原型继承开端的更多相关文章

  1. 再谈javascript原型继承

    Javascript原型继承是一个被说烂掉了的话题,但是自己对于这个问题一直没有彻底理解,今天花了点时间又看了一遍<Javascript模式>中关于原型实现继承的几种方法,下面来一一说明下 ...

  2. 彻底理解Javascript原型继承

    彻底理解Javascript原型继承 之前写过一篇Javascript继承主题的文章,这篇文章作为一篇读书笔记,分析的不够深入. 本文试图进一步思考,争取彻底理解Javascript继承原理 实例成员 ...

  3. [转]Javascript原型继承

    真正意义上来说Javascript并不是一门面向对象的语言,没有提供传统的继承方式,但是它提供了一种原型继承的方式,利用自身提供的原型属性来实现继承.Javascript原型继承是一个被说烂掉了的话题 ...

  4. JavaScript原型继承工作原理

    原型继承的定义 当你阅读关于JS原型继承的解释时,你时常会看到以下这段文字: 当查找一个对象的属性时,JavaScript 会向上遍历原型链,直到找到给定名称的属性为止.——出自JavaScript秘 ...

  5. 【读书笔记】读《编写高质量代码—Web前端开发修炼之道》 - JavaScript原型继承与面向对象

    JavaScript是基于原型的语言,通过new实例化出来的对象,其属性和行为来自于两部分,一部分来自于构造函数,另一部分是来自于原型.构造函数中定义的属性和行为的优先级比原型中定义的属性和优先级高, ...

  6. 浅析Javascript原型继承(转)

    引自: http://blog.csdn.net/kittyjie/article/details/4380918 原作者解释的浅显易懂,非常不错的JavaScript prototype总结 JS没 ...

  7. Javascript原型继承容易忽略的错误

    编写Javascript的开发者都知道,JS虽然没有类(ES6添加了class语法),但是可以模拟出OOP语言的类和面向对象的概念,比如我们都知道的一句话,Javascript中处处是对象,而面向对象 ...

  8. javascript原型继承圣杯模式

    javascript纯面向对象开发需要使用到的一个模式,来对对象之间原型继承做中间层代理避免重复继承与代码杂乱 <!DOCTYPE html> <html lang="en ...

  9. javascript原型继承

    在传统的基于Class的语言如Java.C++中,继承的本质是扩展一个已有的Class,并生成新的Subclass. 由于这类语言严格区分类和实例,继承实际上是类型的扩展.但是,JavaScript由 ...

随机推荐

  1. hadoop2.2.0安装

    64位编译和安装 http://blog.csdn.net/licongcong_0224/article/details/12972889 http://blog.csdn.net/w1377026 ...

  2. Android 常用UI控件之TabHost(5)Tab栏在底部且在最上层也不盖tab页

    tab栏在底部 <TabHost android:id="@android:id/tabhost" android:layout_width="match_pare ...

  3. 【转】android资源目录---assets与res/raw区别

    blog.csdn.net/hshm20517/article/details/6461890 assets:用于存放需要打包到应用程序的静态文件,以便部署到设备中.与res/raw不同点在于,ASS ...

  4. 【HDOJ】4374 One hundred layer

    线性DP,使用单调队列优化. /* 4374 */ #include <iostream> #include <sstream> #include <string> ...

  5. Application.CommonAppDataPath的路径

    Application.CommonAppDataPath; win7的路径 C:\ProgramData\CompanyName\ProductName\2.0.5.1 [assembly: Ass ...

  6. Android开发之点击两次Back键退出App

    Back按键的方法是onKeyDown()方法,重写该方法就可以改变back按键的作用. 实现点击两次Back按键退出app,有两种方法: 方法1. private static boolean is ...

  7. poj 1836 Alignment(dp)

    题目:http://poj.org/problem?id=1836 题意:最长上升子序列问题, 站队,求踢出最少的人数后,使得队列里的人都能看到 左边的无穷远处 或者 右边的无穷远处. 代码O(n^2 ...

  8. 反编译.net dll

    自己公司的程序,年代久了,没有源代码,修改一些小地方,只能反编译,还好当时没有混淆. 先ildasm 反编译. 删除   .publickey = ( ) 这段,去原来签名. 然后再用找要改的IL,这 ...

  9. PASCALmath库

    noi上是让用,noip让用么?貌似不让— — 反正是好东西.在FP中,Math库为我们提供了丰富的数学函数.以下介绍在OI中可能会用到的Math库中一些函数.过程. 使用方法:在程序头用Uses语句 ...

  10. 分布式存储Memcache替代Session方案

    PHP自带的Session实际是在服务器中为每个客户建立独立的文件存放各自的信息. 在不做处理的情况下,很容易被客户端伪造.并且由于采用文件形式,所以存在着IO 读写的瓶颈.一般当用户在线达到1000 ...