专职C++

不能停止的脚步

C++博客 :: 首页 :: 联系 :: 聚合

:: 管理

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

常用链接

留言簿(28)

我参与的团队

随笔分类(234)

随笔档案(163)

文章分类(9)

文章档案(7)

搜索

阅读排行榜

评论排行榜

js笔记八:class

一、说明

在es6中增加了一个class，简单明了，比ES5下面强多了
每个类都有会有一个构造函数constructor。如果没有申明,则会默认分配一个空的。
如果需要调父类的构造函数，需要在constructor第一行调用super，至于为什么，已经有N多文档说明了。
例如：

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来标明属的读写函数

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

在这里就会打印出1999

三、非静态成员函数

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了，又是做了大大的简化。

四、静态成员函数

只需要在类的成员方法前，加一个static关键字就可以了，如果同一个类的静态函数，可以用this来调用。如下面的astatcfun1调用astatcfun，也可以用类名.的方问，如astatcfun2调用astatcfun,建议还是用this,在使用的时候，静态方法，不需new出对象来，直接用对象.的方式，如下面的testcall调用a的静态方法。也可以派生给子类。

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

静态成员函数的调用

class a {
  static aaa() {
     return "aaa"; 
  } 
  static bbb() { 
     return this.aaa() + "bbb";  //同一个类的静态函数调用函数，只需要用this.就可以 
  } 
  kkk() { return "kkk"; } 
  ccc() { 
      return a.aaa() + "ccc" + this.kkk(); //同一个类的非静态函数调用静态函数，则需要类名.的方式 
  }
}; 
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的派生通过extends这个关键字就可以，如

class b extends a() { };

posted on 2017-07-17 11:47 冬瓜阅读(622) 评论(0) 编辑收藏引用所属分类: javascript

只有注册用户登录后才能发表评论。


相关文章: 基于typescript创建node工程 js笔记八:class node 6.10.2与node 7.9.0的一些差异基于vscode的node的ES2015(ES6)运行环境搭建 vscode几个常用插件推荐用下则表示式,取中文中所有[]的内容 js笔记七:数组的解构与变参 js笔记六:数组功能篇 js笔记五:数组基础篇 appium的一个内存泄露bug

网站导航: 博客园 IT新闻 BlogJava 知识库博问管理