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