ES6中的class
面向对象三要素之二是封装。今天继续回顾。
在Java
中,实现了public
完全开放、protected
对子类开放、private
对自己开放这三种封装的方式。但在ES6中目前并不支持,未来是否会支持也不知道,但这种封装的思想还是值得学习的,所以需要通过变通方法来模拟实现。
对于私有方法的模拟实现,有如下两种比较方便的实现方法。
方法一:在命名上加以区别,通常可以约定在类内部方法名前加下划线_
来表示一个只限于内部的私有方法,但这种方法其实在外部依然可以被调用,只是一种约定而已,并不保险。
方法二:将私有方法放置在类外部,当类需要调用这个私有方法时,通过apply
或call
调用。
1class ThatOne{
2 constructor(){}
3 foo(person){
4 show.call(this, person)
5 }
6}
7function show(person){ //将私有方法移到类外部
8 console.log('my lover is ' + person);
9}
10console.log( (new ThatOne()).foo('sxm') );
11//my lover is sxm
类中私有属性的模拟实现,暂无合适的方法,就不作多讨论了。
封装的优势有以下两点:
至于多态,在JS中应用的很少。
多态的实际含义是:同一操作作用于不同的对象上面时,可以产生不同的解释和不同的执行结果。换句话说,就是给不同的对象发送同一消息时,这些消息会根据这个消息分别给出不同的反馈。
字面意思难以理解,直接上代码:
1class People{
2 constructor(name){
3 this.name = name;
4 }
5 sayName(){}
6}
7class A extends People{
8 constructor(name){
9 super(name);
10 }
11 sayName(){
12 console.log('I am A');
13 }
14}
15class B extends People{
16 constructor(name){
17 super(name);
18 }
19 sayName(){
20 console.log('I am B');
21 }
22}
23(new A()).sayName();
24(new B()).sayName();
25//打印:
26/*
27I am A
28I am B
29*/
从上例可以看到,多态的思想实际就是把“做什么”和“谁来做”分离开来,要做到这点需要消除类型之间的耦合关系,在Java中可以通过向上转型实现多态。但在JS中无需这么麻烦,js的变量类型在运行期是可变的,一个js对象的多态性是与生俱来的,js作为一门动态弱类型语言,在编译时没有类型检查的过程,既没检查创建对象的类型,也没检查传递的参数类型,所以js中对象实现多态不取决于是否为某个类型的对象,而只取决于它是否有该方法。
多态的优势主要在保持子类的开放性和灵活性。
对象的继承、封装和多态这三个要素在设计模式中的使用非常重要,只有深入理解这些要素,才能真正理解和灵活使用设计模式。