当前位置:Gxlcms > JavaScript > 使用ES6中Class类的静态方法

使用ES6中Class类的静态方法

时间:2021-07-01 10:21:17 帮助过:7人阅读

这次给大家带来使用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可以调用这个方法。

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

推荐阅读:

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

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

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

人气教程排行