Base Class 慎用箭头函数

最新推荐文章于 2021-07-12 14:55:47 发布

weixin_30371469

最新推荐文章于 2021-07-12 14:55:47 发布

阅读量113

点赞数

原文链接：http://www.cnblogs.com/legu/p/8423394.html

版权

在项目中，child继承base的时候，需要重新修改base.fun的逻辑，但是有些情况下面并不是简单的覆盖，而是在base.fun的逻辑基础上进行加工处理。

刚开始接触es6的时候也许都遇到过，child重写了base的fun函数，就是不起作用

先来段正常的代码，看下面的逻辑，这段代码在chrome中可以直接运行

 1 class Base {
 2     static classMethod() {
 3         console.log('Base classMethod')
 4     }
 5     constructor() {
 6         this.key = 'Base';
 7         console.log('Base constructor')
 8     }
 9     fun() {
10         console.log('Base fun')
11     }
12 }
13 class Child extends Base {
14     static classMethod() {
15         super.classMethod();
16         console.log('Child classMethod')
17     }
18     constructor() {
19         super();
20         this.key = 'Child';
21         console.log('Child constructor')
22     }
23     fun() {
24         super.fun();
25         console.log('Child fun')
26     }
27 }
28 new Child().fun();