專職C++

不能停止的腳步

C++博客 :: 首頁(yè) :: 聯(lián)系 :: 聚合

:: 管理

163 Posts :: 7 Stories :: 135 Comments :: 0 Trackbacks

常用鏈接

留言簿(28)

我參與的團(tuán)隊(duì)

隨筆分類(234)

隨筆檔案(163)

文章分類(9)

文章檔案(7)

搜索

閱讀排行榜

評(píng)論排行榜

js筆記八:class

一、說(shuō)明

在es6中增加了一個(gè)class，簡(jiǎn)單明了，比ES5下面強(qiáng)多了
每個(gè)類都有會(huì)有一個(gè)構(gòu)造函數(shù)constructor。如果沒(méi)有申明,則會(huì)默認(rèn)分配一個(gè)空的。
如果需要調(diào)父類的構(gòu)造函數(shù)，需要在constructor第一行調(diào)用super，至于為什么，已經(jīng)有N多文檔說(shuō)明了。
例如：

class a {
     constructor(m) {
         this.m_m = m;
     }
 }; 
class b extends a {
     constructor(m, m1) {
         super(m);
         this.m_m1 = m1;
     } 
};1
2
3
4
5
6
7
8
9
10
11
1
2
3
4
5
6
7
8
9
10
11

二、屬性方法

在es6中，使用get和set來(lái)標(biāo)明屬的讀寫函數(shù)

class a {
     constructor(m) {
         this.m_m = m;
     }
     get m() { return this.m_m; }
     set m(v) { this.m_m = v; }
};
let testa = new a(1999); 
console.log(testa.m);1
2
3
4
5
6
7
8
9
1
2
3
4
5
6
7
8
9

在這里就會(huì) 打印出1999

三、非靜態(tài)成員函數(shù)

class a {
     constructor(m) {
         this.m_m = m;
     }
     get m() { return this.m_m; }
     set m(v) { this.m_m = v; }
     mult(k) {
         return this.m_m * k;
     }     
     add(k) {
         return this.m_m + k;
     }
     sub(k) {
         return this.m_m / k;
     }
};1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

在這里可以看到，不需要用function了，又是做了大大的簡(jiǎn)化。

四、靜態(tài)成員函數(shù)

只需要在類的成員方法前，加一個(gè)static關(guān)鍵字就可以了，如果同一個(gè)類的靜態(tài)函數(shù)，可以用this來(lái)調(diào)用。如下面的astatcfun1調(diào)用astatcfun，也可以用類名.的方問(wèn)，如astatcfun2調(diào)用astatcfun,建議還是用this,在使用的時(shí)候，靜態(tài)方法，不需new出對(duì)象來(lái)，直接用對(duì)象.的方式，如下面的testcall調(diào)用a的靜態(tài)方法。也可以派生給子類。

class a {
     constructor(m) {
         this.m_m = m;
     }
     static astaticfun() {
         return 100;
     }
     static astatcfun1() {
         return this.astaticfun() + 200;
     }
     static astatcfun2() {
         return a.astaticfun() + 200;
     }
     get m() { return this.m_m; }
     set m(v) { this.m_m = v; }
     mult(k) {
         return this.m_m * k;
     }
     add(k) {
         return this.m_m + k;
     }
     sub(k) {
         return this.m_m / k;
     }
}; // 
function testcall(){
      console.log(a.astaticfun());
      console.log(a.astatcfun1());
      console.log(a.astatcfun2()); 
}1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36

靜態(tài)成員函數(shù)的調(diào)用

class a {
  static aaa() {
     return "aaa"; 
  } 
  static bbb() { 
     return this.aaa() + "bbb";  //同一個(gè)類的靜態(tài)函數(shù)調(diào)用函數(shù)，只需要用this.就可以 
  } 
  kkk() { return "kkk"; } 
  ccc() { 
      return a.aaa() + "ccc" + this.kkk(); //同一個(gè)類的非靜態(tài)函數(shù)調(diào)用靜態(tài)函數(shù)，則需要類名.的方式 
  }
}; 
let c = new a();  
console.log(a.bbb()); 
console.log(c.ccc());1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

五、派生

在ES6的派生通過(guò)extends這個(gè)關(guān)鍵字就可以，如

class b extends a() { };

posted on 2017-07-17 11:47 冬瓜閱讀(636) 評(píng)論(0) 編輯收藏引用所屬分類: javascript

只有注冊(cè)用戶登錄后才能發(fā)表評(píng)論。
【推薦】100%開源！大型工業(yè)跨平臺(tái)軟件C++源碼提供，建模，組態(tài)！

相關(guān)文章: 基于typescript創(chuàng)建node工程 js筆記八:class node 6.10.2與node 7.9.0的一些差異基于vscode的node的ES2015(ES6)運(yùn)行環(huán)境搭建 vscode幾個(gè)常用插件推薦用下則表示式,取中文中所有[]的內(nèi)容 js筆記七:數(shù)組的解構(gòu)與變參 js筆記六:數(shù)組功能篇 js筆記五:數(shù)組基礎(chǔ)篇 appium的一個(gè)內(nèi)存泄露bug

網(wǎng)站導(dǎo)航: 博客園 IT新聞 BlogJava 博問(wèn) Chat2DB 管理