es6 class 中 super 的使用

  • Post author:
  • Post category:其他




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



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



版权声明:本文为weixin_43553701原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。