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 年月日联动实现核心代码
Dec 21 Javascript
基于jquery的获取浏览器窗口大小的代码
Mar 28 Javascript
快速学习jQuery插件 Form表单插件使用方法
Dec 01 Javascript
jQuery动态改变多行文本框高度的方法
Sep 07 Javascript
JS防止网页被嵌入iframe框架的方法分析
Sep 13 Javascript
Node.js批量给图片加水印的方法
Nov 15 Javascript
JQuery获取鼠标进入和离开容器的方向
Dec 29 Javascript
element-ui 表格实现单元格可编辑的示例
Feb 26 Javascript
Express本地测试HTTPS的示例代码
Jun 06 Javascript
详解vue-router导航守卫
Jan 19 Javascript
javascript 代码是如何被压缩的示例代码
May 06 Javascript
一起深入理解js中的事件对象
Feb 06 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
PHP的FTP学习(二)[转自奥索]
2006/10/09 PHP
php动态生成JavaScript代码
2009/03/09 PHP
php auth_http类库进行身份效验
2009/03/19 PHP
php实现的click captcha点击验证码类实例
2014/09/23 PHP
Yii 2.0自带的验证码使用经验分享
2017/06/19 PHP
PHP面向对象五大原则之接口隔离原则(ISP)详解
2018/04/04 PHP
js实现弹窗插件功能实例代码分享
2013/12/12 Javascript
jquery实现更改表格行顺序示例
2014/04/30 Javascript
PHP中使用微秒计算脚本执行时间例子
2014/11/19 Javascript
浅谈jquery设置和获得checkbox选中的问题
2016/08/19 Javascript
详解Angular.js数据绑定时自动转义html标签及内容
2017/03/30 Javascript
JS创建Tag标签的方法详解
2017/06/09 Javascript
在Vue组件上动态添加和删除属性方法
2018/02/23 Javascript
一种angular的方法级的缓存注解(装饰器)
2018/03/13 Javascript
VUE 配置vue-devtools调试工具及安装方法
2018/09/30 Javascript
Vue 页面状态保持页面间数据传输的一种方法(推荐)
2018/11/01 Javascript
微信小程序常用赋值方法小结
2019/04/30 Javascript
JointJS JavaScript流程图绘制框架解析
2019/08/15 Javascript
微信小程序如何实现在线客服功能
2019/10/16 Javascript
jQuery实现消息弹出框效果
2019/12/10 jQuery
一篇超完整的Vue新手入门指导教程
2020/11/18 Vue.js
[51:22]Fnatic vs IG 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
详解Python编程中对Monkey Patch猴子补丁开发方式的运用
2016/05/27 Python
利用python画出折线图
2018/07/26 Python
Pythony运维入门之Socket网络编程详解
2019/04/15 Python
Python实现把多维数组展开成DataFrame
2019/11/30 Python
Python scrapy增量爬取实例及实现过程解析
2019/12/24 Python
pycharm如何设置官方中文(如何汉化)
2020/12/29 Python
发现两个有趣的CSS3动画效果
2013/08/14 HTML / CSS
Booking.com英国官网:全球酒店在线预订网站
2018/04/21 全球购物
欧洲著名的二手奢侈品网站:Vestiaire Collective
2020/03/07 全球购物
空字符串(“”)和null的区别
2012/11/13 面试题
Linux面试题LINUX系统类
2014/11/19 面试题
不假外出检讨书
2014/01/27 职场文书
《太阳》教学反思
2014/02/21 职场文书
给校长的一封建议书
2014/03/12 职场文书