JavaScript 继承 封装 多态实现及原理详解

面向对象的三大特性

封装

所谓封装，也就是把客观事物封装成抽象的类，并且类可以把自己的数据和方法只让可信的类或者对象操作，对不可信的进行信息隐藏。封装是面向对象的特征之一，是对象和类概念的主要特性。 简单的说，一个类就是一个封装了数据以及操作这些数据的代码的逻辑实体。在一个对象内部，某些代码或某些数据可以是私有的，不能被外界访问。通过这种方式，对象对内部数据提供了不同级别的保护，以防止程序中无关的部分意外的改变或错误的使用了对象的私有部分。

我们在vue项目中使用混入将公有代码提出来，混入到每个需要的组件中，让我们的代码更简洁

我们也可以将一些公用的方法，工具进行封装，达到代码复用，让我们的代码更简洁

继承

所谓继承是指可以让某个类型的对象获得另一个类型的对象的属性的方法。它支持按级分类的概念。继承是指这样一种能力：它可以使用现有类的所有功能，并在无需重新编写原来的类的情况下对这些功能进行扩展。 通过继承创建的新类称为“子类”或“派生类”，被继承的类称为“基类”、“父类”或“超类”。继承的过程，就是从一般到特殊的过程。要实现继承，可以通过“继承”（Inheritance）和“组合”（Composition）来实现。继承概念的实现方式有二类：实现继承与接口继承。实现继承是指直接使用基类的属性和方法而无需额外编码的能力；接口继承是指仅使用属性和方法的名称、但是子类必须提供实现的能力；

实现继承的几种方式

call继承

function a (){    this.c=111  }  function b(){    a.call(this)  }  let d = new b()  console.log(d.c) // 111

上面代码相当于函数b继承了函数a的私有属性，通过改变父类的this实现继承

原型继承

 function a (){    this.c=111  }  a.prototype.getName=function(){    return '你好'  }  function b(){    // a.call(this)  }  b.prototype=new a()  b.constructor=b  let d = new b()  console.log(d.c) // 111  console.log(d.getName()) // 你好

原型继承通过将父类的实例赋值给子类的原型，这种方法子类可以继承父类的私有方法也可以继承父类的私有方法

寄生组合继承

 function a (){    this.c=111  }  a.prototype.getName=function(){    return '你好'  }  function b(){    a.call(this)  }  b.prototype=Object.create(a.prototype)  let d = new b()  console.log(d.c) // 111  console.log(d.getName()) // 你好

寄生组合继承就是使用call继承改变this，实现私有继承私有，使用object.create实现公有继承公有

es6 extends 继承

class parent{    constructor(){      this.a=1    }    name(){      return 2    }  }  class child extends parent{      }  let A = new child()  console.log(A.a) // 1  console.log(A.name()) // 2