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 相关文章推荐
写入cookie的JavaScript代码库 cookieLibrary.js
Oct 24 Javascript
THREE.JS入门教程(1)THREE.JS使用前了解
Jan 24 Javascript
前端开发过程中浏览器版本的两种判定方法
Oct 30 Javascript
《JavaScript DOM 编程艺术》读书笔记之JavaScript 图片库
Jan 09 Javascript
javascript实现3D切换焦点图
Oct 16 Javascript
jQuery如何使用自动触发事件trigger
Nov 29 Javascript
Bootstrap3 input输入框插入glyphicon图标的方法
May 16 Javascript
3种不同的ContextMenu右键菜单实现代码
Nov 03 Javascript
EasyUI折叠表格层次显示detailview详解及实例
Dec 28 Javascript
JS实现加载时锁定HTML页面元素的方法
Jun 24 Javascript
Vue 实现复制功能,不需要任何结构内容直接复制方式
Nov 09 Javascript
解决vue项目获取dom元素宽高总是不准确问题
Jul 29 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实现refresh刷新页面批量导入数据的方法
2014/12/23 PHP
简单谈谈PHP面向对象之标识对象
2017/06/27 PHP
设定php简写功能的方法
2019/11/28 PHP
javascript 中对象的继承〔转贴〕
2007/01/22 Javascript
解析jquery中的ajax缓存问题
2013/12/19 Javascript
js事件监听机制(事件捕获)总结
2014/08/08 Javascript
node.js实现爬虫教程
2020/08/25 Javascript
Node.js的Koa框架上手及MySQL操作指南
2016/06/13 Javascript
url中的特殊符号有什么含义(推荐)
2016/06/17 Javascript
js前端面试题及答案整理(一)
2016/08/26 Javascript
js实现贪吃蛇小游戏(容易理解)
2017/01/22 Javascript
vue学习笔记之vue1.0和vue2.0的区别介绍
2017/05/17 Javascript
JavaScript利用fetch实现异步请求的方法实例
2017/07/26 Javascript
Node.js的Koa实现JWT用户认证方法
2018/05/05 Javascript
在vue项目中正确使用iconfont的方法
2018/09/28 Javascript
原生js实现商品筛选功能
2019/10/28 Javascript
javascript+Canvas实现画板功能
2020/06/23 Javascript
使用Vant完成DatetimePicker 日期的选择器操作
2020/11/12 Javascript
[01:03:41]DOTA2-DPC中国联赛 正赛 Dynasty vs XG BO3 第三场 2月2日
2021/03/11 DOTA
对python 匹配字符串开头和结尾的方法详解
2018/10/27 Python
浅谈python3.x pool.map()方法的实质
2019/01/16 Python
python设计tcp数据包协议类的例子
2019/07/23 Python
Python中用pyinstaller打包时的图标问题及解决方法
2020/02/17 Python
Python faker生成器生成虚拟数据代码实例
2020/07/20 Python
汽车专业毕业生自荐信
2013/11/03 职场文书
社会保险接收函
2014/01/12 职场文书
主题酒店策划书
2014/01/28 职场文书
大学生期末自我鉴定
2014/02/01 职场文书
进步之星获奖感言
2014/02/22 职场文书
个人函授自我鉴定
2014/03/25 职场文书
低碳环保口号
2014/06/12 职场文书
怎样写辞职信
2015/02/27 职场文书
个人承诺书格式范文
2015/04/29 职场文书
2016年秋季运动会广播稿
2015/12/21 职场文书
如何书写授权委托书?
2019/06/25 职场文书
利用Python网络爬虫爬取各大音乐评论的代码
2021/04/13 Python