ES6中的Class回顾总结三：封装与多态

ES6中的class面向对象三要素之二是封装。今天继续回顾。

在Java中，实现了public完全开放、protected对子类开放、private对自己开放这三种封装的方式。但在ES6中目前并不支持，未来是否会支持也不知道，但这种封装的思想还是值得学习的，所以需要通过变通方法来模拟实现。

对于私有方法的模拟实现，有如下两种比较方便的实现方法。

方法一：在命名上加以区别，通常可以约定在类内部方法名前加下划线_来表示一个只限于内部的私有方法，但这种方法其实在外部依然可以被调用，只是一种约定而已，并不保险。

方法二：将私有方法放置在类外部，当类需要调用这个私有方法时，通过apply或call调用。

class ThatOne{
    constructor(){}
    foo(person){
        show.call(this, person)
    }
}
function show(person){      //将私有方法移到类外部
    console.log('my lover is ' + person);
}
console.log( (new ThatOne()).foo('sxm') );
//my lover is sxm

类中私有属性的模拟实现，暂无合适的方法，就不作多讨论了。

封装的优势有以下两点：

• 减少耦合，不该暴露的不暴露
• 利于对数据、接口进行相应的权限管理

至于多态，在JS中应用的很少。

多态的实际含义是：同一操作作用于不同的对象上面时，可以产生不同的解释和不同的执行结果。换句话说，就是给不同的对象发送同一消息时，这些消息会根据这个消息分别给出不同的反馈。

字面意思难以理解，直接上代码：

class People{
    constructor(name){
        this.name = name;
    }
    sayName(){}
}
class A extends People{
    constructor(name){
        super(name);
    }
    sayName(){
        console.log('I am A');
    }
}
class B extends People{
    constructor(name){
        super(name);
    }
    sayName(){
        console.log('I am B');
    }
}
(new A()).sayName();
(new B()).sayName();
//打印：
/*
I am A
I am B
*/

从上例可以看到，多态的思想实际就是把“做什么”和“谁来做”分离开来，要做到这点需要消除类型之间的耦合关系，在Java中可以通过向上转型实现多态。但在JS中无需这么麻烦，js的变量类型在运行期是可变的，一个js对象的多态性是与生俱来的，js作为一门动态弱类型语言，在编译时没有类型检查的过程，既没检查创建对象的类型，也没检查传递的参数类型，所以js中对象实现多态不取决于是否为某个类型的对象，而只取决于它是否有该方法。

对象的继承、封装和多态这三个要素在设计模式中的使用非常重要，只有深入理解这些要素，才能真正理解和灵活使用设计模式。

喜欢本文请扫下方二维码，关注微信公众号： 前端小二，查看更多我写的文章哦，多谢支持。