這篇文章將為大家詳細(xì)講解有關(guān) javascript中如何使用class靜態(tài)方法,文章內(nèi)容質(zhì)量較高,因此小編分享給大家做個(gè)參考,希望大家閱讀完這篇文章后對(duì)相關(guān)知識(shí)有一定的了解。
類相當(dāng)于實(shí)例的原型, 所有在類中定義的方法, 都會(huì)被實(shí)例繼承。 如果在一個(gè)方法前, 加上static關(guān)鍵字, 就表示該方法不會(huì)被實(shí)例繼承, 而是直接通過類來調(diào)用, 這就稱為“ 靜態(tài)方法”。
class Foo { static classMethod() { return 'hello'; } } Foo.classMethod() // 'hello' var foo = new Foo(); foo.classMethod() // TypeError: foo.classMethod is not a function
上面代碼中, Foo類的classMethod方法前有static關(guān)鍵字, 表明該方法是一個(gè)靜態(tài)方法, 可以直接在Foo類上調(diào)用( Foo.classMethod()), 而不是在Foo類的實(shí)例上調(diào)用。 如果在實(shí)例上調(diào)用靜態(tài)方法, 會(huì)拋出一個(gè)錯(cuò)誤, 表示不存在該方法。
父類的靜態(tài)方法, 可以被子類繼承。
class Foo { static classMethod() { return 'hello'; } } class Bar extends Foo {} Bar.classMethod(); // 'hello'
上面代碼中, 父類Foo有一個(gè)靜態(tài)方法, 子類Bar可以調(diào)用這個(gè)方法。
靜態(tài)方法也是可以從super對(duì)象上調(diào)用的。
class Foo { static classMethod() { return 'hello'; } } class Bar extends Foo { static classMethod() { return super.classMethod() + ', too'; } } Bar.classMethod();
靜態(tài)屬性
靜態(tài)屬性指的是 Class 本身的屬性, 即Class.propname, 而不是定義在實(shí)例對(duì)象( this) 上的屬性。
class Foo {} Foo.prop = 1; Foo.prop // 1
上面的寫法為Foo類定義了一個(gè)靜態(tài)屬性prop。
目前, 只有這種寫法可行, 因?yàn)?ES6 明確規(guī)定, Class 內(nèi)部只有靜態(tài)方法, 沒有靜態(tài)屬性。
// 以下兩種寫法都無效 class Foo { // 寫法一 prop: 2 // 寫法二 static prop: 2 } Foo.prop // undefined
ES7 有一個(gè)靜態(tài)屬性的提案, 目前 Babel 轉(zhuǎn)碼器支持。
這個(gè)提案對(duì)實(shí)例屬性和靜態(tài)屬性, 都規(guī)定了新的寫法。
(1) 類的實(shí)例屬性
類的實(shí)例屬性可以用等式, 寫入類的定義之中。
class MyClass { myProp = 42; constructor() { console.log(this.myProp); // 42 } }
上面代碼中, myProp就是MyClass的實(shí)例屬性。 在MyClass的實(shí)例上, 可以讀取這個(gè)屬性。
以前, 我們定義實(shí)例屬性, 只能寫在類的constructor方法里面。
class ReactCounter extends React.Component { constructor(props) { super(props); this.state = { count: 0 }; } }
上面代碼中, 構(gòu)造方法constructor里面, 定義了this.state屬性。
有了新的寫法以后, 可以不在constructor方法里面定義。
class ReactCounter extends React.Component { state = { count: 0 }; }
這種寫法比以前更清晰。
為了可讀性的目的, 對(duì)于那些在constructor里面已經(jīng)定義的實(shí)例屬性, 新寫法允許直接列出。
class ReactCounter extends React.Component { constructor(props) { super(props); this.state = { count: 0 }; } state; }
(2) 類的靜態(tài)屬性
類的靜態(tài)屬性只要在上面的實(shí)例屬性寫法前面, 加上static關(guān)鍵字就可以了。
class MyClass { static myStaticProp = 42; constructor() { console.log(MyClass.myProp); // 42 } }
同樣的, 這個(gè)新寫法大大方便了靜態(tài)屬性的表達(dá)。
// 老寫法 class Foo {} Foo.prop = 1; // 新寫法 class Foo { static prop = 1; }
關(guān)于 javascript中如何使用class靜態(tài)方法就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò),可以把它分享出去讓更多的人看到。
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時(shí)售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場景需求。
分享名稱:javascript中如何使用class靜態(tài)方法-創(chuàng)新互聯(lián)
網(wǎng)址分享:http://www.yijiale78.com/article38/csippp.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供移動(dòng)網(wǎng)站建設(shè)、軟件開發(fā)、微信小程序、動(dòng)態(tài)網(wǎng)站、域名注冊(cè)、服務(wù)器托管
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容