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 相关文章推荐
JavaScript 浮点数运算 精度问题
Oct 06 Javascript
Javascript获取HTML静态页面参数传递值示例
Aug 18 Javascript
js简单的弹出框有关闭按钮
May 05 Javascript
DOM基础教程之模型中的模型节点
Jan 19 Javascript
浅谈JavaScript中promise的使用
Jan 11 Javascript
移动端web滚动分页的实现方法
May 05 Javascript
微信小程序出现wx.navigateTo页面不跳转问题的解决方法
Dec 26 Javascript
webpack打包非模块化js的方法
Oct 24 Javascript
vue实现随机验证码功能(完整代码)
Dec 10 Javascript
js实现小球在页面规定的区域运动
Jun 16 Javascript
vue form表单post请求结合Servlet实现文件上传功能
Jan 22 Vue.js
最新最全的手机号验证正则表达式
Feb 24 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
新的一年,新的期待:DC在2020年的四部动画电影
2020/01/01 欧美动漫
动态新闻发布的实现及其技巧
2006/10/09 PHP
ThinkPHP框架里隐藏index.php
2016/04/12 PHP
用CSS+JS实现的进度条效果效果
2007/06/05 Javascript
jQuery $.extend()用法总结
2014/06/15 Javascript
jQuery判断指定id的对象是否存在的方法
2015/05/22 Javascript
深入浅析javascript立即执行函数
2015/10/23 Javascript
JS实现图片高亮展示效果实例
2015/11/24 Javascript
简单的JS时钟实例讲解
2016/01/13 Javascript
JS跨域解决方案之使用CORS实现跨域
2016/04/14 Javascript
Nodejs实现短信验证码功能
2017/02/09 NodeJs
JS实现的数组去除重复数据算法小结
2017/11/17 Javascript
微信小程序实现保存图片到相册功能
2018/11/30 Javascript
微信小程序 JS动态修改样式的实现方法
2018/12/16 Javascript
Vue.js项目实战之多语种网站的功能实现(租车)
2019/08/07 Javascript
[03:52]显微镜下的DOTA2第三期——英雄在无聊的时候干什么
2014/06/20 DOTA
解析Python中的变量、引用、拷贝和作用域的问题
2015/04/07 Python
Python使用ntplib库同步校准当地时间的方法
2016/07/02 Python
Python使用QQ邮箱发送Email的方法实例
2017/02/09 Python
Python使用一行代码获取上个月是几月
2018/08/30 Python
Python基于Logistic回归建模计算某银行在降低贷款拖欠率的数据示例
2019/01/23 Python
react+django清除浏览器缓存的几种方法小结
2019/07/17 Python
python3.6中@property装饰器的使用方法示例
2019/08/17 Python
在keras中获取某一层上的feature map实例
2020/01/24 Python
pycharm sciview的图片另存为操作
2020/06/01 Python
Python如何用wx模块创建文本编辑器
2020/06/07 Python
Keras之自定义损失(loss)函数用法说明
2020/06/10 Python
python 检测nginx服务邮件报警的脚本
2020/12/31 Python
HTML5之WebGL 3D概述(下)—借助类库开发及框架介绍
2013/01/31 HTML / CSS
某公司.Net方向面试题
2014/04/24 面试题
CSS实现fullpage.js全屏滚动效果的示例代码
2021/03/24 HTML / CSS
通用求职信范文模板分享
2013/12/27 职场文书
幼儿园大班区域活动总结
2014/07/09 职场文书
餐饮服务食品安全承诺书
2015/04/29 职场文书
公开致歉信
2019/06/24 职场文书
Pytest中skip和skipif的具体使用方法
2021/06/30 Python