使用ES6中Class类的静态方法

这次给大家带来使用ES6中Class类的静态方法，使用ES6中Class类静态方法的注意事项有哪些，下面就是实战案例，一起来看一下。

以前看过的es6的东西，又忘了，再总结下：

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

class Foo {
  static classMethod() {
    return 'hello';
  }
}
Foo.classMethod() // 'hello'
var foo = new Foo();
foo.classMethod()
// TypeError: foo.classMethod is not a function

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

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

class Foo {
  static classMethod() {
    return 'hello';
  }
}
class Bar extends Foo {
}
Bar.classMethod(); // 'hello'

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

相信看了本文案例你已经掌握了方法，更多精彩请关注其它相关文章！

推荐阅读：

jquery提交数组数据用springmvc接收的方法

JS中怎样操作代码执行的先后顺序

以上就是使用ES6中Class类的静态方法的详细内容，更多请关注其它相关文章！