顾之前学到的知识,大体上可以分为两类:

  1. 基于构造器工作的模式。

  2. 基于对象的工作模式。

  3. 是否使用原型

  4. 是否执行属性拷贝。

  5. 两者都有(执行原型属性拷贝)

下面我们把之前的知识都来回顾一下:

1.原型链法(仿传统):

child.prototype = new Parent();

所属模式:基于构造函数的模式,使用原型链模式。

技术注解:默认继承机制,我们可以将方法与属性集中可重用的部分迁移到原型链中,而将不可重用的那部分属性与方法设置成自身的属性。

2.仅从原型继承法:

Child.prototype = Parent.prototype

所属模式:基于构造函数的工作模式,原型拷贝模式(不存在原型链,所有对象共享一个原型)。

技术注解:由于该模式在构建继承关系上不需要新建对象实例,所以在效率上会有较好的表现。

     原型链上的查询也比较快,因为这里根本不存在链。

       缺点在于,对子对象的修改会影响父对象,因为子对象只是父对象的一个引用。

3.临时构造器法:

function extend(Child, parent){
    var F = fucntion(){};
    F.prototype = Parent.prtotype;
    Child.prototype = new F();
    Child.prototype.constructor = Child;
    Child.uber = Parent.prototype;
}

所属模式:基于构造函数的工作模式,使用原型链模式。

技术注解:此模式不同于1号模式,她只继承父对象的原型属性,而对父对象的自身属性(也就是被添加到父级构造函数中this的属性)则不予继承。

       另外,此模式还提供了访问父对象的方式。(即通过usber属性)。

4.原型属拷贝法:

function extend2(Child, Parent){
    var p = Parent.prototype;
    var c = Child.prototype;
    for(var i  in p){
        c[i] = p[i];
    }
    c.uber = p;
}

所属模式:基于构造器工作模式,属性拷贝模式,使用原型模式。

技术注解:将父对象原型中的内容全部转化为子对象的原型属性。

       无需为继承单独创建对象实例。

     原型链本身也更短。

5.全属性拷贝法:

function extendCopy(p){
    var c = {};
    for(var i in p){
        c[i] = p[i];
    }
    c.uber  = p;
    return c;
}

所属模式:基于对象的工作模式,属性拷贝模式。

技术注解:非常简单,没有使用原型属性。

6.深拷贝法:

function deepCopy(Parent, Child){
    Child = Child || {};
    for(var i in Parent){
        if(Parent.hasOwnProprty(i)){
             if(typeof Parent[i] === 'Object'){
                 Child[i] = Array.isArray(p[i]) ? [] : {};
                 deepcopy(Parent[i], Child[i]);
             }else{
                 Child[i] = Parent[i]
             }
        }
    }
    return Child;
}

所属模式:基于对象的工作模式,属性拷贝模式。

技术注解:与5相同,但所有对象都是值传递。

7.原型继承法:

function object(o){
    function F(){};
    F.prototype = o;
    return new F();
}

所属模式:基于对象工作模式,基于原型链模式。

技术注解:丢开仿类机制,直接在对象之间构建继承关系。

发挥原型固有优势。

8.扩展与增强模式:

function objectPlus(o, stuff){
    var n;
    function(){};
    F.prototype = o;
    n = new F();
    n.uber = o;
    for(var i in stuff){
        n[i] = stuff[i]
    }
    return n;
}

所属模式:基于对象工作模式,使用原型链模式,属性拷贝模式。

技术注解:该方法实际上是原型继承与原型拷贝的混合应用,她通过一个函数一次性的完成对象的继承与扩展。

9.多重继承法:

function multi(){
    var n = {}, stuff, j = 0;
    len = arguments.length;
    for(j=0;j<len;j++){
        stuff = argument[j];
        for(var i in stuff){
            n[i] = stuff[i];
        }
    }
    return n;
}

所属模式:基于对象工作模式,属性拷贝模式。

技术注解:一种混合插入式继承实现。

         她会按照父对象的继承顺序依次对她们进行属性全拷贝。

10.寄生继承法:

function parasite(victim){
    var that = object(victim);
    that.more = 1;
    return that;
}

所属模式:基于对象工作模式,使用原型链模式。

技术注解:该方法通过一个类似于构造器的函数来创建对象。

     该函数会执行相应的对象拷贝,并对其进行扩展,然后返回该拷贝。

11.构造器借用法:

function Child{
    Parent.apply(this, arguments);
}

所属模式:基于构造器的工作模式。

技术注解:该方法只能继承父对象的自身属性(也就是构造函数里的this.属性、方法)。

       可以与方法一相结合。

     她便于我们的子对象继承某个对象的具体属性时,该方式是最简单的方式。

12.构造器借用与属性拷贝法:

function Child(){
    Parent.apply(this, argument);
}
extend2(Child, Parent);

所属模式:基于构造器的工作模式,使用原型链模式,属性拷贝模式。

技术注解:她允许我们在不重复使用调用对象构造器的情况下同时继承自身属性和原型属性。

额,持续更新了这么多天,大概也就这么多了,能力有限,多多包涵!

下面,我们在持续探讨,我们的javascript宿主环境,也就是浏览器环境(Bom),大家换一种思路来看待一下的文章吧!!!

javascript --- 继承小结的更多相关文章

  1. Js继承小结

    Js继承小结 一直以来,对Js的继承有所认识,但是认识不全面,没什么深刻印象.于是,经常性的浪费很多时间重新看博文学习继承,今天工作不是特别忙,有幸看到了http://www.slideshare.n ...

  2. javascript继承的三种模式

    javascript继承一般有三种模式:组合继承,原型式继承和寄生式继承: 1组合继承:javascript最为广泛的继承方式通过原型链实现对原型属性和方法的继承,通过构造函数实现对实例属性的继承,同 ...

  3. javascript继承机制的设计思想(ryf)

    我一直很难理解Javascript语言的继承机制. 它没有"子类"和"父类"的概念,也没有"类"(class)和"实例" ...

  4. 【读书笔记】javascript 继承

    在JavaScript中继承不像C#那么直接,C#中子类继承父类之后马上获得了父类的属性和方法,但JavaScript需要分步进行. 让Brid 继承 Animal,并扩展自己fly的方法. func ...

  5. 图解JavaScript 继承

    JavaScript作为一个面向对象语言,可以实现继承是必不可少的,但是由于本身并没有类的概念(不知道这样说是否严谨,但在js中一切都类皆是对象模拟)所以在JavaScript中的继承也区别于其他的面 ...

  6. JavaScript强化教程——Cocos2d-JS中JavaScript继承

    javaScript语言本身没有提供类,没有其它语言的类继承机制,它的继承是通过对象的原型实现的,但这不能满足Cocos2d-JS引擎的要求.由于Cocos2d-JS引擎是从Cocos2d-x演变而来 ...

  7. [原创]JavaScript继承详解

    原文链接:http://www.cnblogs.com/sanshi/archive/2009/07/08/1519036.html 面向对象与基于对象 几乎每个开发人员都有面向对象语言(比如C++. ...

  8. javascript继承(六)—实现多继承

    在上一篇javascript继承—prototype最优两种继承(空函数和循环拷贝)(3) ,介绍了js较完美继承的两种实现方案,那么下面来探讨一下js里是否有多继承,如何实现多继承.在这里可以看看j ...

  9. javascript继承(五)—prototype最优两种继承(空函数和循环拷贝)

    一.利用空函数实现继承 参考了文章javascript继承—prototype属性介绍(2) 中叶小钗的评论,对这篇文章中的方案二利用一个空函数进行修改,可以解决创建子类对象时,父类实例化的过程中特权 ...

随机推荐

  1. OpenStack, kvm, qemu-kvm以及libvirt之关系

    OpenStack, kvm, qemu-kvm以及libvirt之关系: KVM是最底层的hypervisor,它是用来模拟CPU的运行,它缺少了对network和周边I/O的支持,所以我们是没法直 ...

  2. 如何通过 Vue-Cli3 - Vuex 完成一个 TodoList

    昨天大概粗糙的了解了一下Vue的概况之后,并没有从框架.语法的细节来进一步学习.那今天通过一个简单的实例来继续完善一下Vue这方面的空白,用一些看得见的效果摸的着的代码在不断完成小目标的过程中慢慢消化 ...

  3. 软件工程师应该关注的web加密手段

    加密算法 1.非对称加密(公开密钥加密)       公开密钥加密,是加密和解密使用不同密钥的算法,广泛用于信息传输中. 常见的算法有:RSA.ElGamal.Rabin. 2.对称加密       ...

  4. [python学习篇][廖雪峰][1]高级特性--创建生成器 方法2 yield

    def fib(max): n, a, b = 0, 0, 1 while n < max: print b a, b = b, a + b n = n + 1 将print b 改成yield ...

  5. 【转】Unity协程(Coroutine)原理深入剖析

    Unity协程(Coroutine)原理深入剖析 By D.S.Qiu 尊重他人的劳动,支持原创,转载请注明出处:http.dsqiu.iteye.com 记得去年6月份刚开始实习的时候,当时要我写网 ...

  6. 【bzoj3252】攻略 贪心+DFS序+线段树

    题目描述 题目简述:树版[k取方格数] 众所周知,桂木桂马是攻略之神,开启攻略之神模式后,他可以同时攻略k部游戏. 今天他得到了一款新游戏<XX半岛>,这款游戏有n个场景(scene),某 ...

  7. NOJ——1672剪绳子(博弈)

    [1672] 剪绳子 时间限制: 500 ms 内存限制: 65535 K 问题描述 已知长度为n的线圈,两人依次截取1~m的长度,n, m为整数,不能取者为输. 输入 输入n, m:( 0 < ...

  8. P3285 松鼠的新家 (树链剖分)

    题目描述 松鼠的新家是一棵树,前几天刚刚装修了新家,新家有n个房间,并且有n-1根树枝连接,每个房间都可以相互到达,且俩个房间之间的路线都是唯一的.天哪,他居然真的住在”树“上. 松鼠想邀请小熊维尼前 ...

  9. 如何应对pm2.5

    细颗粒物又称细粒.细颗粒.PM2.5:指环境空气中空气动力学当量直径小于等于 2.5 微米的颗粒物,也称细颗粒物.能较长时间悬浮于空气中,其在空气中含量(浓度)越高,就代表空气污染越严重.可吸入颗粒物 ...

  10. APUE 学习笔记(五) 进程环境

    1.main函数 C程序总是从main函数开始执行,当内核执行C程序时,在调用main函数之前先调用exec函数从内核获取命令行参数和环境变量值   2.进程终止 正常终止: (1)在main函数内执 ...