zoukankan      html  css  js  c++  java
  • js继承的几种类型

    首先提供构造函数

    1. 构造函数实现继承     

     原理:改变函数上下文实现继承(call,apply,return,bind)

    return {}/function(){}   如果返回值是对象 那么this指向这个对象  如果返回值不是一个对象 那么this指向函数的实例

    null/undefine/1    虽然null是对象 但是this依然指向函数的实例 其他都是指向函数的实例

    call,apply第一个参数是null 那么this指向的是windows对象

    call,apply立即执行  bind想什么时候执行就什么时候执行

    ================================================================================================

    特点: 1. 只继承父类构造函数的属性 没有继承父类原型属性

                2. 解决了原型链继承缺点(无法向父类传参  继承单一 共享父类实例的属性)

                3. 可以继承多个构造函数属性

                4. 在子实例中可向父实例传参

    缺点: 1.只能继承父类构造函数的属性

                2. 无法实现构造函数的复用 每个新实例都有父类构造函数的副本,臃肿

    -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

    二、原型链继承

    原理 : 构造器的原型是父构造器的实例

    特点: 1. 实例可继承原型链上的数据

                2. 无法传参  继承单一  新实例会共享父类属性

    三、组合继承(常用)

    重点 结合两种模式优点 传参和复用

    特点: 1. 可以继承父类原型上的属性,可以传参,可复用。 2. 每个新实例引入的构造函数属性是私有的。

    缺点: 调用了两次父类构造函数(耗内存),子类的构造函数会代替原型上的那个父类构造函数。

    优化方式一: SubType.prototype = Person.prototype

    优化方式二: SubType.prototype = Object.create(Person.prototype)  SubType.prototype.constructor = SubType

    四、原型式继承

    重点:用一个函数包装一个对象,然后返回这个函数的调用,这个函数就变成了个可以随意增添属性的实例或对象。object.create()就是这个原理。

    特点:类似于复制一个对象,用函数来包装。

    缺点:1、所有实例都会继承原型上的属性。

       2、无法实现复用。(新实例属性都是后面添加的)

    五、寄生继承

    重点:就是给原型式继承外面套了个壳子。

    优点:没有创建自定义类型,因为只是套了个壳子返回对象(这个),这个函数顺理成章就成了创建的新对象。

    缺点:没用到原型,无法复用。

     五、寄生式继承

    重点:就是给原型式继承外面套了个壳子。

    优点:没有创建自定义类型,因为只是套了个壳子返回对象(这个),这个函数顺理成章就成了创建的新对象。

    缺点:没用到原型,无法复用。

    六、寄生组合式继承(常用)

    寄生:在函数内返回对象然后调用

    组合:1、函数的原型等于另一个实例。2、在函数中用apply或者call引入另一个构造函数,可传参

  • 相关阅读:
    [LeetCOde] Reverse Words in a String III
    [LeetCode] Keyboard Row
    [LeetCode] Number Complement
    [LeetCode] Array Partition I
    [LeetCode] Merge Two Binary Trees
    [LeetCode] Hamming Distance
    FFmpeg在ubuntu下安装及使用
    curl命令备注
    CentOS配置防火墙
    leetcode 21 Merge Two Sorted Lists
  • 原文地址:https://www.cnblogs.com/moneyss/p/10635512.html
Copyright © 2011-2022 走看看