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


Posted in Javascript onOctober 28, 2017

本文实例讲述了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 相关文章推荐
JSON字符串和对象之间的转换详解
May 26 Javascript
JS验证IP,子网掩码,网关和MAC的方法
Jul 02 Javascript
jQuery插件开发汇总
May 15 Javascript
ES6中Array.copyWithin()函数的用法实例详解
Sep 16 Javascript
jQuery完成表单验证的实例代码(纯代码)
Sep 30 jQuery
解决Vue打包之后文件路径出错的问题
Mar 06 Javascript
JS实现键值对遍历json数组功能示例
May 30 Javascript
详解在vue-cli中使用graphql即vue-apollo的用法
Sep 08 Javascript
vue添加锚点,实现滚动页面时锚点添加相应的class操作
Aug 10 Javascript
vue中jsonp插件的使用方法示例
Sep 10 Javascript
JS highcharts动态柱状图原理及实现
Oct 16 Javascript
分享15个Webpack实用的插件!!!
Mar 31 Javascript
jQuery实现的简单前端搜索功能示例
Oct 28 #jQuery
jQuery实现点击下拉框中的值累加到文本框中的方法示例
Oct 28 #jQuery
jquery ajax异步提交表单数据的方法
Oct 27 #jQuery
mint-ui的search组件在键盘显示搜索按钮的实现方法
Oct 27 #Javascript
基于BootStrap的文本编辑器组件Summernote
Oct 27 #Javascript
微信小程序template模板实例详解
Oct 27 #Javascript
微信小程序 上传头像的实例详解
Oct 27 #Javascript
You might like
destoon在360浏览器下出现用户被强行注销的解决方法
2014/06/26 PHP
thinkphp实现发送邮件密码找回功能实例
2014/12/01 PHP
php使用Image Magick将PDF文件转换为JPG文件的方法
2015/04/01 PHP
Prototype使用指南之enumerable.js
2007/01/10 Javascript
jQuery中的bind绑定事件与文本框改变事件的临时解决方法
2010/08/13 Javascript
简单的JavaScript互斥锁分享
2014/02/02 Javascript
不到30行JS代码实现Excel表格的方法
2014/11/15 Javascript
JavaScript DSL 流畅接口(使用链式调用)实例
2015/03/15 Javascript
原生JavaScript编写俄罗斯方块
2015/03/30 Javascript
javascript模拟C#格式化字符串
2015/08/26 Javascript
JavaScript中的this,call,apply使用及区别详解
2016/01/29 Javascript
ES6中的rest参数与扩展运算符详解
2017/07/18 Javascript
解决Vue使用mint-ui loadmore实现上拉加载与下拉刷新出现一个页面使用多个上拉加载后冲突问题
2017/11/07 Javascript
基于Vue制作组织架构树组件
2017/12/06 Javascript
vue中组件的过渡动画及实现代码
2018/11/21 Javascript
Vue监听页面刷新和关闭功能
2019/06/20 Javascript
vue项目中全局引入1个.scss文件的问题解决
2019/08/01 Javascript
jQuery模仿ToDoList实现简单的待办事项列表
2019/12/30 jQuery
[00:55]2015国际邀请赛中国区预选赛5月23日——28日约战上海
2015/05/25 DOTA
21行Python代码实现拼写检查器
2016/01/25 Python
jupyter notebook引用from pyecharts.charts import Bar运行报错
2020/04/23 Python
Python中的单下划线和双下划线使用场景详解
2019/09/09 Python
python matplotlib拟合直线的实现
2019/11/19 Python
Tensorflow获取张量Tensor的具体维数实例
2020/01/19 Python
opencv-python的RGB与BGR互转方式
2020/06/02 Python
美国Jeep配件购物网站:Morris 4×4 Center
2019/05/01 全球购物
面向对象编程是如何提高软件开发水平的
2014/05/06 面试题
JAVA高级程序员面试题
2013/09/06 面试题
重阳节登山活动方案
2014/02/03 职场文书
无私奉献演讲稿
2014/09/04 职场文书
圆明园观后感
2015/06/03 职场文书
员工手册董事长致辞
2015/07/29 职场文书
2016年大学生实习单位评语
2015/12/01 职场文书
CSS实现单选折叠菜单功能
2021/11/01 HTML / CSS
分享3个非常实用的 Python 模块
2022/03/03 Python
Python中的socket网络模块介绍
2022/07/23 Python