這篇文章主要為大家展示了“es6中class類靜態(tài)方法，靜態(tài)屬性，實(shí)例屬性，實(shí)例方法的示例分析”，內(nèi)容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“es6中class類靜態(tài)方法，靜態(tài)屬性，實(shí)例屬性，實(shí)例方法的示例分析”這篇文章吧。

成都創(chuàng)新互聯(lián)公司始終堅(jiān)持【策劃先行，效果至上】的經(jīng)營(yíng)理念，通過(guò)多達(dá)十余年累計(jì)超上千家客戶的網(wǎng)站建設(shè)總結(jié)了一套系統(tǒng)有效的營(yíng)銷推廣解決方案，現(xiàn)已廣泛運(yùn)用于各行各業(yè)的客戶，其中包括：輕質(zhì)隔墻板等企業(yè)，備受客戶表?yè)P(yáng)。

es6新增了一種定義對(duì)象實(shí)例的方法，使用class關(guān)鍵字定義類，與class相關(guān)的知識(shí)點(diǎn)也逐步火熱起來(lái)，但是部分理解起來(lái)相對(duì)抽象，簡(jiǎn)單對(duì)class相關(guān)的知識(shí)點(diǎn)進(jìn)行總結(jié)，更好的使用class。對(duì)于基本概念，請(qǐng)參見(jiàn)阮一峰老師的es6入門教程。本文主要總結(jié)class靜態(tài)相關(guān)。

關(guān)于類有兩個(gè)概念，1，類自身,；2，類的實(shí)例對(duì)象

總的來(lái)說(shuō)：靜態(tài)的是指向類自身，而不是指向?qū)嵗龑?duì)象，主要是歸屬不同，這是靜態(tài)屬性的核心。

難點(diǎn)1：靜態(tài)方法的理解

class Foo {
 static classMethod() {
  return 'hello';
 }
}

靜態(tài)方法使用：在方法前加上static關(guān)鍵字

為什么使用靜態(tài)方法：阻止方法被實(shí)例繼承，類的內(nèi)部相當(dāng)于實(shí)例的原型，所有在類中直接定義的方法相當(dāng)于在原型上定義方法，都會(huì)被類的實(shí)例繼承，但是使用static靜態(tài)方法定義的不會(huì)被實(shí)例繼承，而且可以被實(shí)例直接應(yīng)用Foo.classMethod()，此時(shí)寫成new Foo.classMethod()會(huì)提示不存在此方法

靜態(tài)方法中this指向：this指向類而不是類的實(shí)例

class Foo {
 static bar () {
  this.baz();
 }
 static baz () {
  console.log('hello');
 }
 baz () {
  console.log('world');
 }
}
Foo.bar() // hello

繼承相關(guān)：靜態(tài)方法可以被子類繼承，也可以被super調(diào)用

難點(diǎn)2：靜態(tài)屬性的理解，以及和實(shí)例屬性的區(qū)別

理解了靜態(tài)的本質(zhì)就知道靜態(tài)屬性是class類自身的屬性

相對(duì)的實(shí)例屬性是指類的實(shí)例的屬性，調(diào)用時(shí)使用 new Foo().'屬性名'

定義實(shí)例屬性的方法：2種

類的實(shí)例屬性可以用等式，寫入類的定義之中

1，在類中定義

class MyClass {
 myProp = 42;
 constructor() {
  console.log(this.myProp); // 42
 }
}
//上面代碼中，myProp就是MyClass的實(shí)例屬性。在MyClass的實(shí)例上，可以讀取這個(gè)屬性。

2，在constructor中定義（react中經(jīng)典寫法）

class ReactCounter extends React.Component {
 constructor(props) {
  super(props);
  this.state = {
   count: 0
  };
 }
}

//等價(jià)于
class ReactCounter extends React.Component {
 state = {
  count: 0
 };
}

定義靜態(tài)方法，

1，就和普通的Object添加屬性一樣，object.a = a;（目前唯一一種方法）

缺點(diǎn)：老寫法的靜態(tài)屬性定義在類的外部。整個(gè)類生成以后，再生成靜態(tài)屬性。容易忽略

2，靜態(tài)屬性的提案： 相對(duì)于實(shí)例方法定義，在定義實(shí)例方法的前面加上static關(guān)鍵字，該方法未發(fā)布

class MyClass {
 static myStaticProp = 42;
 constructor() {
  console.log(MyClass.myStaticProp); // 42
 }
}

以上是“es6中class類靜態(tài)方法，靜態(tài)屬性，實(shí)例屬性，實(shí)例方法的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

當(dāng)前名稱：es6中class類靜態(tài)方法，靜態(tài)屬性，實(shí)例屬性，實(shí)例方法的示例分析-創(chuàng)新互聯(lián)
文章起源：http://newbst.com/article8/dggjip.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供定制開(kāi)發(fā)、網(wǎng)站制作、App開(kāi)發(fā)、服務(wù)器托管、做網(wǎng)站、網(wǎng)站設(shè)計(jì)公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)