es6的classes

NickZhou 發布于2019-08-20 18:05 / 2518人閱讀

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

es6的classes

構造方法：

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);//打印：Teacher {name: "老師", age: "30", sex: "男"}。
    ls.eat();//打印：老師is eating。
    //extends：繼承。
    //super：繼承屬性方法。
    注釋：在構造方法里的super是指反類的構造方法。

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：設置。
    //static：靜態方法|類方法。
    //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方法，但是子類會把父類的方法給覆蓋掉，這個就是方法覆蓋。

GPU云服務器云服務器 es6中的class es6class js標簽的class js的class寫法

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/84069.html

為什么都說js 里面任何對象最終都繼承了Object對象

摘要：今天閑來無事，看見幾行小字。又說所有對象，繼承終是。強行押韻一波這首詩的意思就是說的我今天沒有什么事情，然后無意中又在網上看到了任何對象都是從對象繼承而來的這句話。一時興起，便去驗證這句話。今天閑來無事，看見幾行小字。又說所有對象，繼承終是Obj。—— 強行押韻一波這首詩的意思就是說的我今天沒有什么事情，然后無意中又在網上看到了任何對象都是從Object對象繼承而來的這句話。一時興...

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

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

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

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

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

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

PascalXie 2019-08-20 15:11 評論0 收藏0
ES6深入淺出 Classes

摘要：一步，一步前進一步深入淺出之。是構造函數，可在里面初始化我們想初始化的東西。類靜態方法大多數情況下，類是有靜態方法的。中添加類方法十分容易類方法和靜態方法是同一個東西在的語法中，我們可以使用關鍵字修飾方法，進而得到靜態方法。一步，一步前進の一步 ES6深入淺出之Classes。翻譯的同時亂加個人見解，強烈推薦閱讀原作者的文章，言簡意賅。es6-classes-in-depth 類語...

array_huang 2019-08-23 10:45 評論0 收藏0
ES6學習總結（三）

摘要：不同于其他面向對象語言，以前的中中沒有類的概念，主要是通過原型的方式來實現繼承，中引入了原型鏈，并且將原型鏈用來實現繼承，其核心是利用原型使得一個對象繼承另一個對象的方法和屬性，中原型繼承的關鍵是將一個實例的原型對象指向另一個實例，因此前一不同于其他面向對象語言，ES6以前的JavaScript中中沒有class類的概念，主要是通過原型的方式來實現繼承，JavaScript中引入了原...

baoxl 2019-08-21 11:55 評論0 收藏0