定义类
类声明
用 class 关键字名声明一个类
1
2
3
4
5
6
| class Mermaid {
constructor(name, age) {
this.name = name
this.age = age
}
}
|
constructor 不需要实参时，可以不定义。
类声明不会像函数声明一样会提升，需要先声明之后才可以访问。否则，报错：Uncaught ReferenceError: Mermaid is not defined
1
2
3
4
5
6
7
8
9
| new Mermaid();
class Mermaid {
constructor(name, age) {
this.name = name
this.age = age
}
}
|
类表达式
1
2
3
4
5
6
7
8
9
10
11
|
let Mermaid = class {
constructor() {}
}
let Everything = class Everything {
constructor() {
console.log('Everything is posible')
}
}
|
类的私有属性
私有属性可枚举
1
2
3
4
5
6
7
8
9
| class Mermaid {
type = 'flowchart'
}
console.log(new Mermaid())
|
类的私有方法
私有方法可枚举
1
2
3
4
5
6
7
8
9
10
11
| class Mermaid {
type = 'flowchart',
getType = () => this.type
}
console.log(new Mermaid())
|
原型方法（公有方法）
公有方法不可枚举
1
2
3
4
5
6
7
8
9
10
11
12
| class Mermaid {
type = 'flowchart',
getType = () => this.type
render() {}
}
console.log(new Mermaid())
|
原型属性（公有属性）
公有属性可以枚举
1
2
3
4
5
6
7
8
9
10
11
12
13
| class Mermaid {
type = 'flowchart',
getType = () => this.type
render() {}
}
Mermaid.prototype.defaultType = 'flowchart'
console.log(new Mermaid())
|
静态方法与静态属性
static 定义一个类的静态方法，静态方法通常用于为一个应用程序创建工具函数。调用静态方法不需要实例化，不能通过类实例调用静态方法。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
| class Mermaid {
type = 'flowchart',
getType = () => this.type
render() {}
static id = 1
static getId() {return this.id}
}
Mermaid.prototype.defaultType = 'flowchart'
console.log(new Mermaid())
console.log(Mermaid.id)
console.log(Mermaid.getId())
|