摘要：同時(shí)彈出的結(jié)果是指向了子類，又說明雖然調(diào)用的是父類的構(gòu)造函數(shù)，但是調(diào)用完后會(huì)指向子類，指向也被改成了子類的實(shí)例。

在上一篇文章里介紹了繼承，那其中說過一個(gè)很關(guān)鍵的東西想要繼承子類里里必需先調(diào)用一個(gè)super方法。而super的作用絕對是價(jià)值連城！同時(shí)super的作用還有多種，并且跟你的使用環(huán)境有關(guān)系。

super被當(dāng)作函數(shù)使用，這種情況是最普遍的，上一篇文章里已經(jīng)使用過。它有以下幾種作用：

super作為函數(shù)調(diào)用時(shí)，代表父類的構(gòu)造函數(shù)
調(diào)用super后，this會(huì)被改成子類
只能用在構(gòu)造函數(shù)里，用在其它地方報(bào)錯(cuò)

{
    class Father{
        constructor(){
            console.log(new.target.name);
        }
    }
    class Son extends Father{
        constructor(){
            super();
            this.a=10;  //這里的this指向，Son的實(shí)例
        }
        method(){
            //super()    報(bào)錯(cuò)，只能用在constructor里
        }
    }
    new Father();    //Father（new.target返回Father類）
    new Son();        //Son（new.target返回Son子類）
    console.log(new Son().a);   //10 this指向被修改成了子類的實(shí)例
}

子類里面并沒有寫console.log，但是發(fā)現(xiàn)生成子類實(shí)例后，控制臺(tái)里有輸出。說明：super其實(shí)相當(dāng)于執(zhí)行了父級的constructor方法。同時(shí)彈出的結(jié)果是指向了子類，又說明雖然調(diào)用的是父類的構(gòu)造函數(shù)，但是調(diào)用完后會(huì)指向子類，this指向也被改成了子類的實(shí)例。其實(shí)supe的作用相當(dāng)于執(zhí)行Father.prototype.constructor.call(this);

super也可以被當(dāng)作對象使用，被當(dāng)作對象使用的時(shí)候情況有些復(fù)雜，跟上面是完全不一樣的，同時(shí)又按使用環(huán)境分為了兩種情況。

在普通方法中，指向父類的原型對象

* 只能調(diào)用原型里的東西
* 如果調(diào)用的是方法，那方法內(nèi)部this指向子類實(shí)例
* 如果用super去添加屬性的話，super就是this(實(shí)例)

在私有方法中，指向父類，而不是父類的原型

* 如果調(diào)用的是方法，那方法內(nèi)部this指向子類而不是子類實(shí)例

此時(shí)切記用super去獲取跟設(shè)置時(shí)的指向完全不一樣

{
    class Father{
        constructor(){
            this.a="父類實(shí)例的a";
            this.b="父類實(shí)例的b";
        }
        showB(){
            console.log(`這是父類身上的共享方法,并且會(huì)彈出${this.b}`);
        }
        static showB(){    //私有方法可以與上面的方法重名
            console.log(`這是父類身上的私有方法,并且會(huì)彈出${this.b}`);
        }
    }
    Father.prototype.a="父類原型的a";   //在原型身上的添加一個(gè)屬性a
    
    class Son extends Father{
        constructor(){
            super();    //這里的super是個(gè)方法，作用為引入父類的構(gòu)造函數(shù)（當(dāng)作函數(shù)使用）
            this.b="子類實(shí)例的b";
            
            //此處聲明：請按注釋標(biāo)的序號順序執(zhí)行代碼
            
            //
            /*
             *  3、super設(shè)置屬性
             *      1、用super設(shè)置屬性的話，super就代表當(dāng)前環(huán)境的this。而當(dāng)前環(huán)境為子類的constructor，所以此時(shí)的super代表的就是子類的實(shí)例對象
             *      2、此時(shí)下面的showB()方法彈出的內(nèi)容為"這是父類身上的共享方法,并且會(huì)彈出super就是this"是因?yàn)?，如果super為this的話，那就與上面那段代碼重復(fù)了，后面覆蓋前面
             *
             */
            super.b="super就是this";
            
            
            /*
             *  4、super獲取屬性
             *      1、此時(shí)super的作用是獲取屬性，它依然指向父類的原型對象所以下面這句話相當(dāng)于console.log(Father.prototype.b);所以結(jié)果為undefined。雖然在上面定義了super.b那也不會(huì)改變super的指向
             */
            console.log(super.b);      //undefined
            
            
            /*
             *  1、這里的super是一個(gè)對象，因?yàn)閏onstructor是個(gè)普通對象
             *      1、super指向父類的原型對象，調(diào)用的是Father的共享方法showB()
             *      2、showB方法里的this指向子類的實(shí)例，取的是Father的constructor里定義的b
             */
            super.showB();    //這是父類身上的共享方法,并且會(huì)彈出子類實(shí)例的b
            
            
            //2、super獲取屬性
            console.log(super.a);   //父類原型的a   再次驗(yàn)證只能調(diào)用原型上的東西。原型上與constructor里都有個(gè)a，但是調(diào)的是原型上的
        }
    }
    Son.b="子類的私有屬性b";
    new Son();
}

此時(shí)切記用super的用法與在普通方法中的用法完全相反

{
    class Father{
        constructor(){
            this.b="父類實(shí)例的b";
        }
        showB(){
            console.log(`這是父類身上的共享方法,并且會(huì)彈出${this.b}`);
        }
        static showB(){    //這是個(gè)私有方法，與上面的方法重名是可以的
            console.log(`這是父類身上的私有方法,并且會(huì)彈出${this.b}`);
        }
    }
    Father.prototype.b="父類原型的b";   //在原型身上的添加一個(gè)屬性b
    
    class Son extends Father{
        constructor(){
            super();
            this.b="子類實(shí)例的b";
        }
        
        /*
         *  1、這里的super是在私有方法里調(diào)用，所以指向父類，調(diào)用的是Father里定義的static showB方法
         *  2、此方法里的this指向被改成了子類，彈出的b是子類的私有屬性b
         */
        static log(){
            super.showB();
        }
    }
    Son.b="子類的私有屬性b";
    Son.log();    //這是子類身上的私有方法,并且會(huì)彈出子類的私有屬性b
}

super在用的時(shí)候必需指定它的類型，不然不清不楚的去用，瀏覽器會(huì)給你報(bào)錯(cuò)！

{
    class Father{};
    class Son extends Father{
        constructor(){
            super();    //這個(gè)是作為函數(shù)
            //console.log(super);    //報(bào)錯(cuò)  那這個(gè)super它是個(gè)什么呢？它自己矛盾了，瀏覽器迷茫了~
            console.log(super.a);   //這個(gè)是作為對象
        }
    }
}

下一篇，實(shí)戰(zhàn)！