美文网首页
es6 class 中 super 的使用

es6 class 中 super 的使用

作者: 魔仙堡杠把子灬 | 来源:发表于2020-09-09 10:38 被阅读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);
        },
      }
    

    相关文章

      网友评论

          本文标题:es6 class 中 super 的使用

          本文链接:https://www.haomeiwen.com/subject/tsqeektx.html