es6 class 中 super 的使用

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

前端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;
  }
}

2. 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
  }
}

3. 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);
    },
  }