位置: 编程技术 - 正文

ES6 javascript中class静态方法、属性与实例属性用法示例

编辑:rootadmin

推荐整理分享ES6 javascript中class静态方法、属性与实例属性用法示例,希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!

本文实例讲述了ES6 javascript中class静态方法、属性与实例属性用法。分享给大家供大家参考,具体如下:

类相当于实例的原型, 所有在类中定义的方法, 都会被实例继承。 如果在一个方法前, 加上static关键字, 就表示该方法不会被实例继承, 而是直接通过类来调用, 这就称为“ 静态方法”。

上面代码中, Foo类的classMethod方法前有static关键字, 表明该方法是一个静态方法, 可以直接在Foo类上调用( Foo.classMethod()), 而不是在Foo类的实例上调用。 如果在实例上调用静态方法, 会抛出一个错误, 表示不存在该方法。

父类的静态方法, 可以被子类继承。

上面代码中, 父类Foo有一个静态方法, 子类Bar可以调用这个方法。静态方法也是可以从super对象上调用的。

静态属性

静态属性指的是 Class 本身的属性, 即Class.propname, 而不是定义在实例对象( this) 上的属性。

上面的写法为Foo类定义了一个静态属性prop。

目前, 只有这种写法可行, 因为 ES6 明确规定, Class 内部只有静态方法, 没有静态属性。

ES7 有一个静态属性的提案, 目前 Babel 转码器支持。

这个提案对实例属性和静态属性, 都规定了新的写法。

ES6 javascript中class静态方法、属性与实例属性用法示例

(1) 类的实例属性

类的实例属性可以用等式, 写入类的定义之中。

上面代码中, myProp就是MyClass的实例属性。 在MyClass的实例上, 可以读取这个属性。

以前, 我们定义实例属性, 只能写在类的constructor方法里面。

上面代码中, 构造方法constructor里面, 定义了this.state属性。有了新的写法以后, 可以不在constructor方法里面定义。

这种写法比以前更清晰。

为了可读性的目的, 对于那些在constructor里面已经定义的实例属性, 新写法允许直接列出。

(2) 类的静态属性

类的静态属性只要在上面的实例属性写法前面, 加上static关键字就可以了。

同样的, 这个新写法大大方便了静态属性的表达。

上面代码中, 老写法的静态属性定义在类的外部。 整个类生成以后, 再生成静态属性。 这样让人很容易忽略这个静态属性, 也不符合相关代码应该放在一起的代码组织原则。 另外, 新写法是显式声明( declarative), 而不是赋值处理, 语义更好。

更多相关内容可查看本站专题:《ECMAScript6(ES6)入门教程》、《JavaScript数组操作技巧总结》、《JavaScript字符与字符串操作技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript错误与调试技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家基于ECMAScript的程序设计有所帮助。

原生JS与jQuery编写简单选项卡 本文实例为大家分享了JS编写简单选项卡的具体代码,供大家参考,具体内容如下!DOCTYPEhtmlhtmllang="en"headmetacharset="UTF-8"titlejquery选项卡/titlestyletype="text/css

ES6 javascript中class类的get与set用法实例分析 本文实例讲述了ES6javascript中class类的get与set用法。分享给大家供大家参考,具体如下:与ES5一样,在Class内部可以使用get和set关键字,对某个属性设置存

react实现一个优雅的图片占位模块组件详解 前言发现项目中的图片占位模块写得很不优雅,找了一圈,发现没找到自己想要的图片组件。于是自己写了一个,写了一个还算优雅的图片组件:mult-tra

标签: ES6 javascript中class静态方法、属性与实例属性用法示例

本文链接地址:https://www.jiuchutong.com/biancheng/368469.html 转载请保留说明!

上一篇:用React实现一个完整的TodoList的示例代码(react 技巧)

下一篇:原生JS与jQuery编写简单选项卡(jquery和原生js性能)

  • 分销佣金税务处理
  • 六税一费优惠政策
  • 公司投资股票亏损,要交企业所得税和个人所得税吗
  • 企业中征码全称
  • 发票认证是干嘛
  • 年度财务报表和季度财务报表一样吗
  • 培训机构给学员过生日
  • 销售出库发票会计分录怎么做?
  • 企业政策性搬迁所得税
  • 进口货物会计分录举例
  • 免费赠送物业费活动语句怎么写
  • 公司看望病人账务处理
  • 公司购买办公用品计入什么科目
  • 公司之间借款如何做账
  • 给非公司员工开工作证明办房贷
  • 业务招待费业务宣传费
  • 残疾人保障金中上年在职职工人数怎么计算
  • 税控盘没有反写会怎样
  • 小规模纳税人增值税减免
  • 小规模纳税人季报是哪几个月
  • 个人独资企业的特点
  • 咨询费如何缴纳个税
  • 管理员已阻止你运行此应用 win10
  • 购买办公桌会计分录
  • php获取农历日期
  • Win10 Build 19044.1319(21H1)预览版发布:修复 Bug提高安全性
  • 你需要权限来执行操作是怎么回事
  • php怎么设置中文
  • 未入账发票可以作废吗
  • 编写二叉树
  • 高新技术产业的税收优惠
  • 借方为什么是减少额?
  • Laravel 5.5官方推荐的Nginx配置学习教程
  • 使用vue搭建项目
  • c++ 每日十问3-处理数据
  • html 提交表单
  • 权限管理实现的功能包括
  • vue路由的理解
  • php解释器工作流程
  • 成本分配明细表
  • 办公用品和低值易耗品节省成本吗
  • 机器学习——果蔬分类
  • 客户多付款不要了,多出这部分是哪种收入
  • 什么时候计提所得税费用会计分录
  • 小规模纳税企业销售货物或者提供应税劳务
  • 债权人豁免债务的账务处理会计分录
  • 网上银行跨行转账手续费
  • 应收账款余额贷方
  • 出售子公司股权给其他公司
  • 企业的承兑汇票会计分录
  • 什么是现金什么是现金流
  • 以前年度未处理往来账怎么叫
  • 公司给员工发福利图片
  • 增值税零税率发票开了2年,没给对方
  • ukey要交服务费吗
  • 个体工商户员工如何报生育险
  • 未确认融资费用是什么类科目
  • 施工企业会计成本费用论文3000字
  • 财务报表是否合法公允
  • 明细账的设置与登记
  • sql server错误和使用情况报告
  • MySQL 5.6 中 TIMESTAMP 的变化分析
  • mysql5.7.19 winx64安装配置方法图文教程(win10)
  • mysql 5.7.13 winx64安装配置教程
  • ubuntu中怎么卸载软件
  • windows中的帐户类别administrator为
  • linux 请求
  • win8如何打开任务管理器
  • unity shaderlab
  • 基于socket的聊天程序
  • android界面切换与数据传递
  • js计算字符串长度 汉字长度
  • node.js解析excel
  • 备份文件并上传到网盘
  • linux pymol
  • 批处理获取本地连接名称
  • java栈怎么写
  • python怎么写一个类
  • 学完js不会用怎么办
  • 小规模无票收入怎么报税
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设