這篇文章主要為大家展示了“es6中super關(guān)鍵字怎么用”,內(nèi)容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“es6中super關(guān)鍵字怎么用”這篇文章吧。
創(chuàng)新互聯(lián)公司專注于網(wǎng)站設(shè)計、成都做網(wǎng)站、網(wǎng)頁設(shè)計、網(wǎng)站制作、網(wǎng)站開發(fā)。公司秉持“客戶至上,用心服務(wù)”的宗旨,從客戶的利益和觀點出發(fā),讓客戶在網(wǎng)絡(luò)營銷中找到自己的駐足之地。尊重和關(guān)懷每一位客戶,用嚴(yán)謹(jǐn)?shù)膽B(tài)度對待客戶,用專業(yè)的服務(wù)創(chuàng)造價值,成為客戶值得信賴的朋友,為客戶解除后顧之憂。具體如下:
super不僅僅是一個關(guān)鍵字,還可以作為函數(shù)和對象。
函數(shù):在子類繼承父類中,super作為函數(shù)調(diào)用,只能寫在子類的構(gòu)造函數(shù)(constructor)里面,super代表的是父類的構(gòu)造函數(shù),
難點理解
但是執(zhí)行過時supre()代表的是子類,super()里面的this指向子類的實例對象this。
class A { constructor() { console.log(new.target.name); } } class B extends A { constructor() { super();//這里的super相當(dāng)于A類的constructor構(gòu)造函數(shù),會執(zhí)行A的constructor,但是此時的this指 //向的是B,所以打印出B //換一種方法理解是:在執(zhí)行super時,A把constructor方法給了B,此時B有了A的功能,但是執(zhí) //行的是B的內(nèi)容,也就是es5的A.prototype.constructor.call(this)。 } } new A() // A new B() // B
對象:
這里重點理解下對象,概念相對抽象
super作為對象使用時,分為在普通方法中使用和在靜態(tài)方法中使用
在普通方法找中使用:super指向父類的原型,即A.prototype,可以訪問到原型上的方法和屬性
邏輯抽象一:
ES6 規(guī)定,在子類普通方法中通過super調(diào)用父類的方法時,方法內(nèi)部的this指向當(dāng)前的子類實例。
class A { constructor() { this.x = 1; } print() { console.log(this.x); } } class B extends A { constructor() { super(); this.x = 2; } m() { super.print(); } } let b = new B(); b.m() // 2
super.print()雖然調(diào)用的是A.prototype.print(),但是A.prototype.print()內(nèi)部的this指向子類B的實例
super作為對象,用在靜態(tài)方法之中,這時super將指向父類,而不是父類的原型對象。
class Parent { static myMethod(msg) { console.log('static', msg); } myMethod(msg) { console.log('instance', msg); } } class Child extends Parent { static myMethod(msg) { super.myMethod(msg); } myMethod(msg) { super.myMethod(msg); } } Child.myMethod(1); // static 1 var child = new Child(); child.myMethod(2); // instance 2
以上是“es6中super關(guān)鍵字怎么用”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!