您现在的位置：首页 >> 前端 >> 内容

ES6 class类的使用（代码教程）

时间：2018/2/6 14:36:25 点击：

　　核心提示：1.// classclass Coder{name(val){console.log(`val = ${val}`);return val;}skill(val){console.log(this....

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

ES6 class类的使用（代码教程）

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

ES6 class类的使用（代码教程）