捋一捋js面向对象的继承问题

　　说到面向对象这个破玩意，曾经一度我都处于很懵逼的状态，那么面向对象究竟是什么呢？其实说白了，所谓面向对象，就是基于类这个概念，来实现封装、继承和多态的一种编程思想罢了。今天我们就来说一下这其中继承的问题。

　　好，先不直接上代码，而是反手来一波文字说明，捋一捋思路。

　　曾经一段时间因为javascript关于类实现继承的不规范，导致各种各样实现继承的代码；而实际上不管代码怎么变，继承都基于两种方式：

　　1.通过原型链，即子类的原型指向父类的实例从而实现原型共享。
　　2.借用构造函数，即通过js的apply、call实现子类调用父类的属性、方法；
　　原型链方式可以实现所有属性方法共享，但无法做到属性、方法独享（例如son1指向的是父类实例，son2,son3同样如此，大家都是吃的同一碗饭）；

　　而借用构造函数除了能独享属性、方法外还能在子类构造函数中传递参数，但代码无法复用。总体而言就是可以实现所有属性方法独享，但无法做到属性、方法共享（例如，son1新增了一个函数，然后想让son2、son3一起用的话就无法实现了，只能son2,son3各自在构造函数中新增）。

　　组合继承就是把以上两种继承方式一起使用，把共享的属性、方法用原型链继承实现，独享的属性、方法用借用构造函数实现，所以组合继承几乎完美实现了js的继承；
为什么说是“几乎”？因为后来人们发现组合继承有一个小bug，实现的时候调用了两次父类，性能上不合格啊有木有！怎么解决呢？于是“寄生继承”就出来了。

　　寄生继承：
　　简单而言，寄生继承就是不用实例化父类了，直接实例化一个临时副本实现了相同的原型链继承。（即子类的原型指向父类原型的副本），如此一来，这个问题就完美解决了。

　　接下来是代码部分：

这里我们通过apply方法给儿子传了私有属性，但是父类原型上的方法是无法调用的。

然后我们试试通过原型链来实现继承。

这样一来就把父类的全部东西都一股脑继承下来了，而且我这里如果Sons修改了父类的原型，其他跟着用的比如Daughters也要跟着遭殃。

而组合继承这时候就出来了，组合继承就是把以上两种继承方式一起使用，把共享的属性、方法用原型链继承实现；独享的属性、方法用借用构造函数实现。至于寄生组合继承，它是为了解决组合继承会二次调用父类这个bug出现的优化方法，具体实现如下：

在这一步，无论是儿子还是女儿，都能成功调用父类的公用方法。接着在末尾添加两行代码往下看：

两个say方法虽然同名，却互不影响。最后调用父类的私有属性看看：

只有儿子利用私有属性拿到了secret，而女儿没有拿到，完美解决共享与独享分配的问题！

转载于:https://www.cnblogs.com/zhangnan35/p/8473061.html

捋一捋js面向对象的继承问题相关推荐

js面向对象和继承的碎碎念
2019独角兽企业重金招聘Python工程师标准>>> 一.prototype属性的特点: 1.定义在prototype中的方法是"实例方法",必须是new出来的 ...
JS面向对象的程序设计之继承-继承的实现-借用构造函数
JS面向对象的程序设计之继承-继承的实现-借用构造函数前言:最近在细读Javascript高级程序设计,对于我而言,中文版,书中很多地方翻译的差强人意,所以用自己所理解的,尝试解读下.如有纰漏或错误 ...
JS 面向对象编程、原型链、原型继承（个人学习总结）
一.面向对象 1. 面向对象是所有语言都有的一种编程思想,组织代码的一种形式基于对象的语言:JS语言面向对象的语言:c++ java c# 2. 面向对象 3大特征封装:将重用代码封装到函数 ...
js面向对象之封装，继承，多态，类的详解
封装在面向对象的操作中,我们有完全不同的一些写法. 想要封装我们的对象,就要用到构造函数.我们需要创建构造函数,构造函数和函数一致,都是通过function创建的首字母大写(规范,为了和普通函数进 ...
JavaScript(JS) 面向对象(封装、继承、多态)
面向对象是把事物给对象化,包括其属性和行为.面向对象编程更贴近实际生活的思想.可以简单的理解面向对象的底层还是面向过程,面向过程抽象成类,然后封装,方便使用就是面向对象.本文主要介绍JavaScrip ...
js中的面向对象、继承、函数重写
通过示例讲解一下,先看一个示例示例demo: <script>//创建一个父函数(父类)var Mammal = function (name) {this.name = name;} ...
JS面向对象一:MVC的面向对象封装
JS面向对象一:MVC的面向对象封装 MDNjavascript面向对象面向对象(Object-Oriented) 面向对象里面向的意思是以...为主,面向对象编程既以对象为主的编程. 面向对象的一 ...
简单粗暴地理解js原型链–js面向对象编程
简单粗暴地理解js原型链–js面向对象编程作者:茄果链接:http://www.cnblogs.com/qieguo/archive/2016/05/03/5451626.html 原型链理解起来 ...
对js面向对象的理解
转自:http://www.cnblogs.com/jingwhale/p/4678656.html js面向对象理解 ECMAScript 有两种开发模式:1.函数式(过程化),2.面向对象(OOP ...

捋一捋js面向对象的继承问题

捋一捋js面向对象的继承问题相关推荐

最新文章

热门文章