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可以调用这个方法。

更多相关内容可查看本站专题:《ECMAScript6(ES6)入门好代码教程》、《JavaScript数组操作技巧总结》、《JavaScript字符与字符串操作技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript错误与调试技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家基于ECMAScript的程序设计有所帮助。

以上就是ES6中Class类的静态方法实例小结。明白很多事情无法顺着自我的意思,但是发奋用最恰当的方式让事情变成最后自我想要的样貌。强壮是,如果最后事情实在无法实现,那么也能够理解下来,不会失控,而是冷静理智的去想下一步。更多关于ES6中Class类的静态方法实例小结请关注haodaima.com其它相关文章!

您可能有感兴趣的文章
ES6 Class中实现私有属性的一些方法总结

详解JavaScript 新语法之Class 的私有属性与私有方法

详解用JS添加和删除class类名

解决v-for中使用v-if或者v-bind:class失效的问题

Angular5给组件本身的标签添加样式class的方法