es6的classes

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

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

es6的classes

構(gòu)造方法：

class Student{
    constructor (name,age){
        this.name=name;
        this.age=age;
    }
    run(){
        console.log("我會(huì)跑");
    }
}
    let xs = new Student("宋澤",25);
    console.log(xs);//打?。篠tudent {name: "宋澤", age: 25}。
    //constructor：實(shí)例化那些默認(rèn)屬性。

繼承：

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);//打印：Teacher {name: "老師", age: "30", sex: "男"}。
    ls.eat();//打?。豪蠋焛s eating。
    //extends：繼承。
    //super：繼承屬性方法。
    注釋?zhuān)涸跇?gòu)造方法里的super是指反類(lèi)的構(gòu)造方法。

get,set,static:

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

方法重載|方法覆蓋:

class Student{
    constructor (name,age){
        this.name=name;
        this.age=age;
    }
    run(){
        console.log("我會(huì)跑");
    }
}
    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();//我會(huì)跑 我一直在跑;
    注釋?zhuān)弘m然子類(lèi)繼承了父類(lèi)的run方法，但是子類(lèi)會(huì)把父類(lèi)的方法給覆蓋掉，這個(gè)就是方法覆蓋。

云服務(wù)器 GPU云服務(wù)器 es6中的class es6class js標(biāo)簽的class js的class寫(xiě)法

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/84069.html

相關(guān)文章

為什么都說(shuō)js 里面任何對(duì)象最終都繼承了Object對(duì)象

摘要：今天閑來(lái)無(wú)事，看見(jiàn)幾行小字。又說(shuō)所有對(duì)象，繼承終是。強(qiáng)行押韻一波這首詩(shī)的意思就是說(shuō)的我今天沒(méi)有什么事情，然后無(wú)意中又在網(wǎng)上看到了任何對(duì)象都是從對(duì)象繼承而來(lái)的這句話(huà)。一時(shí)興起，便去驗(yàn)證這句話(huà)。今天閑來(lái)無(wú)事，看見(jiàn)幾行小字。又說(shuō)所有對(duì)象，繼承終是Obj?！?強(qiáng)行押韻一波這首詩(shī)的意思就是說(shuō)的我今天沒(méi)有什么事情，然后無(wú)意中又在網(wǎng)上看到了任何對(duì)象都是從Object對(duì)象繼承而來(lái)的這句話(huà)。一時(shí)興...

Gemini 2019-08-26 10:29 評(píng)論0 收藏0
React Native填坑之旅--class（番外篇）

摘要：構(gòu)造函數(shù)定義偵探類(lèi)作為例子。里的既是類(lèi)的定義，也是構(gòu)造函數(shù)。在構(gòu)造函數(shù)中定義的實(shí)例方法和屬性在每一個(gè)實(shí)例中都會(huì)保留一份，而在原型中定義的實(shí)例方法和屬性是全部實(shí)例只有一份。無(wú)論React還是RN都已經(jīng)邁入了ES6的時(shí)代，甚至憑借Babel的支持都進(jìn)入了ES7。ES6內(nèi)容很多，本文主要講解類(lèi)相關(guān)的內(nèi)容。構(gòu)造函數(shù) 定義偵探類(lèi)作為例子。 ES5的類(lèi)是如何定義的。 function ES5D...

TwIStOy 2019-08-20 11:37 評(píng)論0 收藏0
ES6 系列之 Babel 是如何編譯 Class 的(上)

摘要：前言在了解是如何編譯前，我們先看看的和的構(gòu)造函數(shù)是如何對(duì)應(yīng)的。這是它跟普通構(gòu)造函數(shù)的一個(gè)主要區(qū)別，后者不用也可以執(zhí)行。該函數(shù)的作用就是將函數(shù)數(shù)組中的方法添加到構(gòu)造函數(shù)或者構(gòu)造函數(shù)的原型中，最后返回這個(gè)構(gòu)造函數(shù)。前言在了解 Babel 是如何編譯 class 前，我們先看看 ES6 的 class 和 ES5 的構(gòu)造函數(shù)是如何對(duì)應(yīng)的。畢竟，ES6 的 class 可以看作一個(gè)語(yǔ)法糖，...

shadajin 2019-08-23 12:48 評(píng)論0 收藏0
ES6+ class中代碼的真正樣子

摘要：一用定義一個(gè)空類(lèi)在中在中結(jié)論這個(gè)結(jié)果很清晰，原來(lái)中的類(lèi)在中也是定義一個(gè)構(gòu)造函數(shù)，然后返回出來(lái)。這篇文章用代碼對(duì)比的方式解釋ES6中的類(lèi)如果用我們熟悉的ES5來(lái)看是什么樣的。一、用class定義一個(gè)空類(lèi)在ES6中： class Person { } 在ES5中： var Person = (function () { function Person() { } ...

PascalXie 2019-08-20 15:11 評(píng)論0 收藏0
ES6深入淺出 Classes

摘要：一步，一步前進(jìn)一步深入淺出之。是構(gòu)造函數(shù)，可在里面初始化我們想初始化的東西。類(lèi)靜態(tài)方法大多數(shù)情況下，類(lèi)是有靜態(tài)方法的。中添加類(lèi)方法十分容易類(lèi)方法和靜態(tài)方法是同一個(gè)東西在的語(yǔ)法中，我們可以使用關(guān)鍵字修飾方法，進(jìn)而得到靜態(tài)方法。一步，一步前進(jìn)の一步 ES6深入淺出之Classes。翻譯的同時(shí)亂加個(gè)人見(jiàn)解，強(qiáng)烈推薦閱讀原作者的文章，言簡(jiǎn)意賅。es6-classes-in-depth 類(lèi)語(yǔ)...

array_huang 2019-08-23 10:45 評(píng)論0 收藏0
ES6學(xué)習(xí)總結(jié)（三）

摘要：不同于其他面向?qū)ο笳Z(yǔ)言，以前的中中沒(méi)有類(lèi)的概念，主要是通過(guò)原型的方式來(lái)實(shí)現(xiàn)繼承，中引入了原型鏈，并且將原型鏈用來(lái)實(shí)現(xiàn)繼承，其核心是利用原型使得一個(gè)對(duì)象繼承另一個(gè)對(duì)象的方法和屬性，中原型繼承的關(guān)鍵是將一個(gè)實(shí)例的原型對(duì)象指向另一個(gè)實(shí)例，因此前一不同于其他面向?qū)ο笳Z(yǔ)言，ES6以前的JavaScript中中沒(méi)有class類(lèi)的概念，主要是通過(guò)原型的方式來(lái)實(shí)現(xiàn)繼承，JavaScript中引入了原...

baoxl 2019-08-21 11:55 評(píng)論0 收藏0