es6 class 中 super 的使用

2020-09-09  本文已影响0人  魔仙堡杠把子灬

心中小鹿虽已老,缓缓相撞也美好, 我是李大玄

前端QQ群: 981668406
在此附上我的QQ: 2489757828 有问题的话可以一同探讨
我的github: 李大玄
我的私人博客: 李大玄
我的npm开源库: 李大玄
我的简书: 李大玄
我的CSDN: 李大玄
我的掘金: 李大玄

class的名称为大驼峰命名, Pascal

首先以三个文件为例, par文件意味 父文件, 一个son文件 意味子文件,子级继承父级
以下是我的代码

  1. par.js
export default class Par extends Object {
  constructor(name) {
    super();
    this.name = name;
  }
  get1(num = 0) {
    return 1 + num;
  }
}
  1. son.js
import Par from './par';
son class 继承 par class 
export default class Son extends Par {
  constructor(age) {
    super();
    this.age = age;
  }
  get1(num = 0) {
    const res = super.get1(num);
    // do something
    return res
  }
}
  1. a.html
    其实调用的son的方法 但是相加的方法是par 文件做的
    传1 返回2
    传3 返回4
    ... 以此类推
import Son from './cl/son';

mounted() {
    this.init();
  },
  methods: {
    init() {
      const son = new Son();
      const num = son.get1(1); // 2
      console.log(num);
    },
  }
上一篇下一篇

猜你喜欢

热点阅读