Skip to content

Commit 9fd4210

Browse files
committed
edit class
1 parent a0e1c8d commit 9fd4210

File tree

1 file changed

+8
-12
lines changed

1 file changed

+8
-12
lines changed

docs/class.md

Lines changed: 8 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -4,10 +4,9 @@
44

55
**(1)概述**
66

7-
ES5通过构造函数,定义并生成新对象。下面是一个例子。
7+
JavaScript语言的传统方法是通过构造函数,定义并生成新对象。下面是一个例子。
88

99
```javascript
10-
1110
function Point(x,y){
1211
this.x = x;
1312
this.y = y;
@@ -16,13 +15,13 @@ function Point(x,y){
1615
Point.prototype.toString = function () {
1716
return '('+this.x+', '+this.y+')';
1817
}
19-
2018
```
2119

22-
ES6引入了Class(类)这个概念,作为对象的模板。通过class关键字,可以定义类。基本上,class可以看作只是一个语法糖,它的绝大部分功能,ES5都可以做到,新的class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已。上面的代码用“类”改写,就是下面这样
20+
上面这种写法跟传统的面向对象语言(比如C++和Java)差异很大,很容易让新学习这门语言的程序员感到困惑
2321

24-
```javascript
22+
ES6提供了更接近传统语言的写法,引入了Class(类)这个概念,作为对象的模板。通过class关键字,可以定义类。基本上,ES6的class可以看作只是一个语法糖,它的绝大部分功能,ES5都可以做到,新的class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已。上面的代码用ES6的“类”改写,就是下面这样。
2523

24+
```javascript
2625
//定义类
2726
class Point {
2827

@@ -36,12 +35,13 @@ class Point {
3635
}
3736

3837
}
39-
4038
```
4139

4240
上面代码定义了一个“类”,可以看到里面有一个constructor方法,这就是构造方法,而this关键字则代表实例对象。也就是说,ES5的构造函数Point,对应ES6的Point类的构造方法。
4341

44-
Point类除了构造方法,还定义了一个toString方法。注意,定义方法的时候,前面不需要加上function这个保留字,直接把函数定义放进去了就可以了。ES5的`Point.prototype`在ES6继续存在,也就是说,除了constructor方法以外,类的方法都定义在类的prototype属性上面。
42+
Point类除了构造方法,还定义了一个toString方法。注意,定义“类”的方法的时候,前面不需要加上function这个保留字,直接把函数定义放进去了就可以了。
43+
44+
构造函数的prototype属性,在ES6的“类”上面继续存在。除了constructor方法以外,类的方法都定义在类的prototype属性上面。prototype对象的constructor属性,直接指向“类”的本身。
4545

4646
```javascript
4747

@@ -56,18 +56,15 @@ Point.prototype.toString
5656

5757
**(2)constructor方法**
5858

59-
constructor方法是类的默认方法,通过new命令生成对象实例时,自动调用该方法。一个类必须有constructor方法,如果没有显式定义,该方法会被默认添加,代码如下
59+
constructor方法是类的默认方法,通过new命令生成对象实例时,自动调用该方法。一个类必须有constructor方法,如果没有显式定义,一个空的constructor方法会被默认添加
6060

6161
```javascript
62-
6362
constructor() {}
64-
6563
```
6664

6765
constructor方法默认返回实例对象(即this),完全可以指定返回另外一个对象。
6866

6967
```javascript
70-
7168
class Foo {
7269
constructor() {
7370
return Object.create(null);
@@ -76,7 +73,6 @@ class Foo {
7673

7774
new Foo() instanceof Foo
7875
// false
79-
8076
```
8177

8278
上面代码中,constructor函数返回一个全新的对象,结果导致实例对象不是Foo类的实例。

0 commit comments

Comments
 (0)