ES6 - class类的使用

UIEngineer

于 2018-02-05 22:07:42 发布

阅读量250

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript高级 es5/es6

本文链接：https://blog.youkuaiyun.com/zjsfdx/article/details/79265198

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

43 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// 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('脚本');

这里写图片描述