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 相关文章推荐
Jquery获得控件值的三种方法总结
Feb 13 Javascript
jquery图片倾斜层叠切换特效代码分享
Aug 27 Javascript
分享经典的JavaScript开发技巧
Nov 21 Javascript
浅谈js里面的InttoStr和StrtoInt
Jun 14 Javascript
全面了解JavaScript的数据类型转换
Jul 01 Javascript
原生JavaScript制作计算器
Oct 16 Javascript
Angular5.0 子组件通过service传递值给父组件的方法
Jul 13 Javascript
vue中使用input[type="file"]实现文件上传功能
Sep 10 Javascript
vue如何实现自定义底部菜单栏
Jul 01 Javascript
解决vuecli3中img src 的引入问题
Aug 04 Javascript
Vue中keep-alive组件的深入理解
Aug 23 Javascript
Nuxt pages下不同的页面对应layout下的页面布局操作
Nov 05 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 Session会话超时时间设置方法
2014/06/10 PHP
国产PHP开发框架myqee新手快速入门教程
2014/07/14 PHP
Yii入门教程之目录结构、入口文件及路由设置
2014/11/25 PHP
javascript新手语法小结
2008/06/15 Javascript
javascript AutoScroller 函数类
2009/05/29 Javascript
c#和Javascript操作同一json对象的实现代码
2012/01/17 Javascript
Jquery多选框互相内容交换的实例代码
2013/07/04 Javascript
document.compatMode的CSS1compat使用介绍
2014/04/03 Javascript
jQuery解析Json实例详解
2015/11/24 Javascript
JS原型链怎么理解
2016/06/27 Javascript
微信小程序开发之录音机 音频播放 动画实例 (真机可用)
2016/12/08 Javascript
浅谈vuex之mutation和action的基本使用
2017/08/29 Javascript
Vue.js@2.6.10更新内置错误处机制Fundebug同步支持相应错误监控
2019/05/13 Javascript
简单了解vue中父子组件如何相互传递值(基础向)
2019/07/12 Javascript
jQuery实现图片下载代码
2019/07/18 jQuery
vue或react项目生产环境去掉console.log的操作
2020/09/02 Javascript
[01:14]英雄,所敬略同——2018完美盛典宣传视频
2018/12/05 DOTA
[01:03:09]完美世界DOTA2联赛PWL S2 Forest vs SZ 第二场 11.25
2020/11/26 DOTA
Python 操作MySQL详解及实例
2017/04/30 Python
python 用下标截取字符串的实例
2018/12/25 Python
python面向对象 反射原理解析
2019/08/12 Python
Python 装饰器原理、定义与用法详解
2019/12/07 Python
python matplotlib工具栏源码探析三之添加、删除自定义工具项的案例详解
2021/02/25 Python
美国新兴城市生活方式零售商:VILLA
2017/12/06 全球购物
C/C++程序员常见面试题二
2015/11/19 面试题
北京-环亚运商测试题.net程序员初步测试题
2013/05/28 面试题
测量实习生自我鉴定
2013/09/19 职场文书
怎么样写好简历中的自我评价
2013/10/25 职场文书
幼儿教师工作感言
2014/02/14 职场文书
竞赛口号大全
2014/06/16 职场文书
干部作风建设年活动剖析材料
2014/10/23 职场文书
2015年校长新年寄语
2014/12/08 职场文书
学生保证书
2015/01/16 职场文书
介绍信模板
2015/01/31 职场文书
优秀团员自我评价
2015/03/10 职场文书
高中运动会广播稿
2015/08/19 职场文书