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. LINQ语句

    http://wenku.baidu.com/link?url=hPKqDWql7DNr6W2MsINakjRYYNXmXywB_U3h9FFMeFjcToYpusI2fYKgHjZSRq7r3ULG ...

  2. 【HDOJ】2385 Stock

    水题,逆向做+优先级队列. /* 2385 */ #include <iostream> #include <sstream> #include <string> ...

  3. Android开发之R文件丢失

    在进行android开发的过程中,不知道怎么回事,代码中出现R代码有红色波浪线了,于是进行了clean,结果还是有红色波浪线,然后就重启了eclipse,重启以后还是这个样子,随后发现工程的R文件丢失 ...

  4. hdu4635Strongly connected

    http://acm.hdu.edu.cn/showproblem.php?pid=4635 tarjan缩点 统计缩点后每个结点的出度入度 将那个包含原来点数最少的 且出度或者入度为0的大节点看作一 ...

  5. poj 2240 Arbitrage (最短路 bellman_ford)

    题目:http://poj.org/problem?id=2240 题意:给定n个货币名称,给m个货币之间的汇率,求会不会增加 和1860差不多,求有没有正环 刚开始没对,不知道为什么用 double ...

  6. UVALive Proving Equivalences (强连通分量，常规)

    题意: 给一个有向图,问添加几条边可以使其强连通. 思路: tarjan算法求强连通分量,然后缩点求各个强连通分量的出入度,答案是max(入度为0的缩点个数,出度为0的缩点个数). #include ...

  7. Zepto picLazyLoad Plugin，图片懒加载的Zepto插件

    嗯,学着国外人起名字Zepto picLazyLoad Plugin确实看起来高大上,其实js代码没几句,而且我每次写js都捉襟见肘,泪奔--- 图片懒加载有很多js插件,非常著名的属jQuery的L ...

  8. 剑指Offer：连续子数组的最大和

    题目: 输入一个整型数组, 数组里有正数也有负数. 数组中的一个或连续的多个整数组成一个子数组. 求所有子数组的和的最大值. 要求时间复杂度为O(n) #include <stdio.h> ...

  9. java中volatitle关键字的作用

    用在多线程,同步变量. 线程为了提高效率,将某成员变量(如A)拷贝了一份(如B),线程中对A的访问其实访问的是B.只在某些动作时才进行A和B的同步.因此存在A和B不一致 的情况.volatile就是用 ...

  10. 【转】FragmentTest学习笔记1

    原文网址:http://blog.csdn.net/hishentan/article/details/20734489 源码部分: BookContent.java package com.exam ...