es6的classes

NickZhou 發(fā)布于2019-08-20 18:05 / 2544人閱讀

摘要：的構(gòu)造方法我會跑宋澤打印宋澤。我會跑去讀書宋澤大胖獲取加賦值。和的方法名相同，而且可以同名方法重載方法覆蓋我會跑宋澤我一直在跑老師男我會跑我一直在跑注釋雖然子類繼承了父類的方法，但是子類會把父類的方法給覆蓋掉，這個就是方法覆蓋。

es6的classes

構(gòu)造方法：

class Student{
    constructor (name,age){
        this.name=name;
        this.age=age;
    }
    run(){
        console.log("我會跑");
    }
}
    let xs = new Student("宋澤",25);
    console.log(xs);//打印：Student {name: "宋澤", age: 25}。
    //constructor：實例化那些默認屬性。

繼承：

class Teacher extends Student{
    constructor (name,age,sex){
        super(name,age);
        this.sex=sex;
    }
    eat(){
        console.log(this.name+"is eating")
    }
}
    var ls = new Teacher("老師","30","男");
    console.log(ls);//打?。篢eacher {name: "老師", age: "30", sex: "男"}。
    ls.eat();//打?。豪蠋焛s eating。
    //extends：繼承。
    //super：繼承屬性方法。
    注釋：在構(gòu)造方法里的super是指反類的構(gòu)造方法。

get,set,static:

class Student{
    constructor (name,age){
        this.name=name;
        this.age=age;
    }
    run(){
        console.log("我會跑");
    }
    get xm(){
        return this.name+"123";
    }
    set xm(value){
        this.name=value;
    }
    static shangxue (){
        console.log("去讀書");
    }
}
    let xs = new Student("宋澤",25);
    console.log(xs.xm);
    xs.xm="大胖";
    console.log(xs.xm);
    Student.shangxue();
    //get：獲取加賦值。
    //set：設(shè)置。
    //static：靜態(tài)方法|類方法。
    //set和get的方法名相同，而且可以同名

方法重載|方法覆蓋:

class Student{
    constructor (name,age){
        this.name=name;
        this.age=age;
    }
    run(){
        console.log("我會跑");
    }
}
    let xs = new Student("宋澤",25);
            
    class Teacher extends Student{
        constructor (name,age,sex){
            super(name,age);
            this.sex=sex;
        }
        eat(){
            console.log(this.name+"is eating")
        }
        run(){
            super.run();
            console.log("我一直在跑");
        }
    }
    var ls = new Teacher("老師","30","男");
    ls.run();//我會跑 我一直在跑;
    注釋：雖然子類繼承了父類的run方法，但是子類會把父類的方法給覆蓋掉，這個就是方法覆蓋。