es6 知識總結(jié)--4

MkkHou 發(fā)布于2019-08-20 18:06 / 1560人閱讀

摘要：函數(shù)中使用關(guān)鍵詞定義構(gòu)造函數(shù)的的方法和屬性上面代碼首先用定義了一個類，可以看到里面有一個方法，這就是構(gòu)造方法，而關(guān)鍵字則代表實例對象。這是因為子類沒有自己的對象，而是繼承父類的對象，然后對其進行加工。

ES6 classes（類）

我們在編程過程中常常用到面向?qū)ο螅瑢ο髣?chuàng)建實例這個方法，但是es6中給我封裝了一個class類
下邊給大家介紹一下!

Ecmascript5方法

//萬事萬物皆對象
        //1.類是由對象（抽象）泛化出來的
        //2.對象是由類創(chuàng)建出來的
        //3.對象叫類的具體實例
        function Person(name,age){
            this.name=name,
            this.age=age
        }
        Person.prototype.run=function(){
            console.log(this.name+" 我會跑")
        }

        var weiwei=new Person("weiwei",21);
        console.log(weiwei)
        
        function SuperMan(name,age,sex,body){
            //Person.apply(this,arguments);//繼承了父類的屬性
            Person.call(this,name,age,sex)//apply 傳進來的是數(shù)組集合，call傳進來的是數(shù)組

            //自己的屬性
            this.body=body;
        }


        SuperMan.prototype=Object.create(Person.prototype);//繼承了父類的方法

        //自己的方法    多態(tài)
        SuperMan.prototype.fly=function(){
            console.log("我會飛");
        }
        var chaoren=new SuperMan("大剛",24,"男","大")

es6方法

ES6 中有 class 語法。值得注意是，這里的 class 不是新的對象繼承模型，它只是原型鏈的語法糖表現(xiàn)形式。

//1.es6提供了類來創(chuàng)建面向?qū)ο缶幊?        class Student{
            constructor(name,age){
                this.name=name;
                this.age=age;
                }
                run(){
                    console.log(this.name+" 跑啊跑")
                }
        }
       
        class SuperMan extends Student{
            constructor(name,age,xh){
                super(name,age);  //同上call
                this.xh=xh;
            }
            eat(obejectName){
                    console.log(this.name+" 喜歡吃"+obejectName)
                }
            get  xm(){
                return this.name
            }
            set  xm(value){
                //console.log(value)      //設(shè)置xm屬性
                this.name=value;
            }
            static shangxue(){
                console.log("快快上學(xué)去");   //類的方法（只能類用），靜態(tài)方法，對象實例不能用
            }
        }   
        let student1 = new Student("咪咪",18);
        let student2 = new SuperMan("小明",21,007)
        student2.eat("蘋果");  
         //set  get  方法  
        console.log(student2.xm)    //get  調(diào)用方法不用括號();  get獲取
        student2.xm="小紅"
        console.log(student2.xm)
       // student2.shangxue()
        SuperMan.shangxue();

函數(shù)中使用 static 關(guān)鍵詞定義構(gòu)造函數(shù)的的方法和屬性：
ES6 中有 class 語法。值得注意是，這里的 class 不是新的對象繼承模型，它只是原型鏈的語法糖表現(xiàn)形式。

函數(shù)中使用 static 關(guān)鍵詞定義構(gòu)造函數(shù)的的方法和屬性

上面代碼首先用class定義了一個“類”，可以看到里面有一個constructor方法，這就是構(gòu)造方法，而this關(guān)鍵字則代表實例對象。簡單地說，constructor內(nèi)定義的方法和屬性是實例對象自己的，而constructor外定義的方法和屬性則是所有實例對象可以共享的。

Class之間可以通過extends關(guān)鍵字實現(xiàn)繼承，這比ES5的通過修改原型鏈實現(xiàn)繼承，要清晰和方便很多。上面定義了一個Cat類，該類通過extends關(guān)鍵字，繼承了Animal類的所有屬性和方法。

super關(guān)鍵字，它指代父類的實例（即父類的this對象）。子類必須在constructor方法中調(diào)用super方法，否則新建實例時會報錯。這是因為子類沒有自己的this對象，而是繼承父類的this對象，然后對其進行加工。如果不調(diào)用super方法，子類就得不到this對象。

關(guān)鍵字 class, extends, super