ES6 - class类的使用

JavaScript类与继承实践

最新推荐文章于 2020-02-15 14:20:14 发布

原创最新推荐文章于 2020-02-15 14:20:14 发布 · 263 阅读

0 ·

CC 4.0 BY-SA版权

javascript高级 es5/es6 专栏收录该内容

43 篇文章

订阅专栏

本文通过具体示例展示了如何在JavaScript中定义类以及实现类之间的继承。首先定义了一个名为Coder的基础类，包括构造函数、成员方法等；接着通过htmler类演示了如何从Coder类派生并继承其属性和方法。

// class
class Coder{
    name(val){
        console.log(`val = ${val}`);
        return val;
    }

    skill(val){
        console.log(this.name('js') + ':' + 'Skill-' + val);
    }

    constructor(a,b){
        this.a = a;
        this.b = b;
    }

    add(){
        return this.a + this.b;
    }
}

let js = new Coder(1,2);
js.name('脚本');
js.skill('web');
console.log(js.add());

这里写图片描述

2.类的继承

// class
class Coder{
    name(val){
        console.log(`val = ${val}`);
        return val;
    }

    skill(val){
        console.log(this.name('js') + ':' + 'Skill-' + val);
    }

    constructor(a,b){
        this.a = a;
        this.b = b;
    }

    add(){
        return this.a + this.b;
    }
}

class htmler extends Coder{

}

let pang = new htmler();
pang.name('脚本');