广州明生堂生物科技有限公司


ES6中Class类的静态方法实例小结

网络编程 ES6中Class类的静态方法实例小结 06-21

本文实例讲述了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的程序设计有所帮助。

JavaScript代码执行的先后顺序问题
一、js---单线程严格意义上来说,javascript没有多线程的概念,所有的程序都是单线程依次执行的。1、什么是单线程?通俗点说,就是代码在执行过程中

javascript按钮禁用和启用的效果实例代码
废话不多说了,直接给大家贴代码了,具体代码如下所述:!doctypehtmlhtmlheadmetacharset="utf-8"title按钮启用和禁用/titlescripttype="text/javascript"functionbtn1(){document

JavaScript实现精美个性导航栏筋斗云效果
实现效果:实现效果如下图所示实现原理:什么是筋斗云效果:这个效果很简单,就是鼠标移到其他导航目录时会有背景图片跟着鼠标滑动到当前的目录


编辑:广州明生堂生物科技有限公司

标签:方法,实例,静态,代码,效果