es6 Class 的静态方法

Class 的静态方法

类相当于实例的原型，所有在类中定义的方法，都会被实例继承。如果在一个方法前，加上static关键字，就表示该方法不会被实例继承，而是直接通过类来调用，这就称为“静态方法”。

1. class Foo {
2. static classMethod() {
3. return 'hello';
4. }
5. }
7. Foo.classMethod() // 'hello'
9. var foo = new Foo();
10. foo.classMethod()
11. // TypeError: foo.classMethod is not a function

上面代码中，ES6 Foo类的classMethod方法前有static关键字，表明该方法是一个静态方法，可以直接在Foo类上调用（Foo.classMethod()），而不是在Foo类的实例上调用。如果在实例上调用静态方法，会抛出一个错误，表示不存在该方法。

注意，如果静态方法包含this关键字，这个this指的是类，而不是实例。

1. class Foo {
2. static bar () {
3. this.baz();
4. }
5. static baz () {
6. console.log('hello');
7. }
8. baz () {
9. console.log('world');
10. }
11. }
13. Foo.bar() // hello

上面代码中，静态方法bar调用了this.baz，这里的this指的是Foo类，而不是Foo的实例，等同于调用Foo.baz。另外，从这个例子还可以看出，静态方法可以与非静态方法重名。

父类的静态方法，可以被子类继承。

1. class Foo {
2. static classMethod() {
3. return 'hello';
4. }
5. }
7. class Bar extends Foo {
8. }
10. Bar.classMethod() // 'hello'

上面代码中，父类Foo有一个静态方法，子类Bar可以调用这个方法。

静态方法也是可以从super对象上调用的。

1. class Foo {
2. static classMethod() {
3. return 'hello';
4. }
5. }
7. class Bar extends Foo {
8. static classMethod() {
9. return super.classMethod() + ', too';
10. }
11. }
13. Bar.classMethod() // "hello, too"