JavaScript面向对象之继承（下）

客官°小女子只卖身不卖艺 2022-04-10 08:00 235阅读 0赞

# 原型式继承 #

这种继承方式没有使用严格意义上的构造函数，借助原型还可以基于已有的对象创建新对象，同时还不必因此创建自定义类型

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

在object函数内部，先创建一个临时性的构造函数Fun，然后将传入的对象作为这个构造函数的原型，最后返回这个临时类型的一个新实例。  
本质上来说，object对传入其中的对象执行了一次浅复制。

输出：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyOTExNjYz_size_16_color_FFFFFF_t_70]  
ES5新增Object.create规范了原型式继承

# Object.create #

Object.create()这个方法我在写js原型和原型链时简单介绍过了，如果还有什么不了解查看js权威文档[MDN(Object.create)][MDN_Object.create]  
看下面三种创建对象的方法

console.log(Object.create(null))
    console.log(new Object())
    console.log({ })

输出：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyOTExNjYz_size_16_color_FFFFFF_t_70 1]  
可以看出第一种创建方法最干净；  
我们继续看代码：

private 的属性还有很多 详细请看js权威文档 [MDN][MDN_Object.create]

## 区别 ##

1.Object.cerate()继承指定对象  
2.new Object() 继承内置对象Object  
3.可以通过Object.create(null) 创建一个干净的对象，也就是没有原型，而 new Object() 创建的对象是 Object的实例，原型永远指向Object.prototype。

# 寄生式继承 #

寄生式继承是与原型式继承紧密相关的一种思路，它创造一个仅用于封装继承过程的函数，在函数内部以某种方式增强对象，最后再返回对象。

输出：  
![在这里插入图片描述][20190101015331907.png]  
寄生式继承和原型式继承，方法接近

# 寄生组合式继承 #

组合继承有个弊端就是会调用两次被继承者的构造函数，解决方法就是使用寄生组合式继承。这又是什么呢？这个相对之前的比较复杂，但是高效的一点是只调用一次被继承者构造函数,原理就是通过寄生方式创建一个被继承者的副本，副本和被继承者共用一个prototype,这样就解决了之前的问题

function object(o) { 
        function F() { }
        F.prototype = o;
        return new F();
    }
    function clone(Children, Person) { 
        const proto = object(Person.prototype) // 返回Person的一个副本
        proto.constructor= Children // 设置constructor指向, 因为新副本的原型对象被重写
        Children.prototype = proto // 副本作为Children的原型对象
    }
    
    function Person() { 
        this.name = "姓名"
    }
    Person.prototype.sayName = function() { 
    console.log(this.name)
    }
    function Ljj() { 
        Person.call(this)
        this.name = "刘家军"
    }
    
    function Yh() { 
        Person.call(this)
        this.name = "袁姮"
    }
    clone(Ljj, Person)
    clone(Yh, Person)
    const LJJ = new Ljj()
    const YH = new Yh()
    LJJ.sayName() // 刘家军
    YH.sayName() // 袁姮

友情连接：[点击查看所有文章目录][Link 1]

友情链接：[点击查看　JavaScript面向对象系列文章目录][JavaScript]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyOTExNjYz_size_16_color_FFFFFF_t_70]: /images/20220401/a8ad878190a949d1b052d2bc916f0e31.png
[MDN_Object.create]: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/create
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyOTExNjYz_size_16_color_FFFFFF_t_70 1]: /images/20220401/7a88031cb4fb42dfb736149185c8fafe.png
[20190101015331907.png]: /images/20220401/1e12104efc9848fd948aa1c90e5a8d7a.png
[Link 1]: https://blog.csdn.net/qq_42911663/article/details/86365901
[JavaScript]: https://blog.csdn.net/qq_42911663/article/details/86367564