ES6-21:编程风格、ECMAScript规格
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了ES6-21:编程风格、ECMAScript规格,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含960字,纯文字阅读大概需要2分钟。
内容图文
良好的代码编程习惯是一个优秀的软件工程师的必备素养,也是一个团队开发易于阅读、高可维护性的大型项目的基础;虽然Javascript弱语言的本质给前端开发者带来了更大的灵活性,但从工程的角度来说这是非常不合理的,也是一个可维护性项目潜在的致命缺陷。为了避免出现‘‘连自己以前写过的代码都不忍睹视’’以及‘‘一个团队成员休假或离职,造成整个项目瘫痪’’的尴尬局面,对于一个大型项目而言,项目的代码风格,和项目的代码具有同等重要的地位。
1、良好的ES6新语法代码风格
- 1》块级作用域:
let
取代var
:提高js变量先声名、后定义的规范性(var存在变量提升,而let命令会因为暂时性死区报错,没有变量提升效果);const
优先于let
:①提醒代码阅读人该变量不应该修改;②被无意中修改时报错;(let、const的本质区别是编译器内部处理不同;Javascript编译器会对const进行优化,提升程序运行效率);
- 2》字符串:
- 静态字符串使用单引号
‘‘
或者反引号,不适用双引号 - 动态字符串使用反引号+变量表达式;
- 静态字符串使用单引号
- 3》解构赋值
- 数组成员变量:使用数组成员变量时,优先使用解构赋值,如:
const arr=[1,2,3,4];const [first,second]=arr;
; - 函数的对象参数:使用解构赋值,如:
const person={name:‘lili‘,age:12}; function sayHi({name,age}){ ...};
;
- 数组成员变量:使用数组成员变量时,优先使用解构赋值,如:
- 4》对象
- 对象尽量静态化:对象一旦定义就不得随意添加新的属性;
- 对象动态属性采用属性表达式;
- 对象的属性采用简洁表达式:如
var ref=‘it is a string‘; const atom={ref,value:1,addValue(value){return atom.value+value};
; - 单行定义的对象,最后一个属性后不以逗号结尾;
- 多行定义的对象,最后一个属性以逗号结尾;
const obj={id:2,name:‘San FranciSco‘,[getKey(‘eabled‘)]:true}
;
- 5》数组
- ①
原文:https://www.cnblogs.com/hbzyin/p/8012339.html
内容总结
以上是互联网集市为您收集整理的ES6-21:编程风格、ECMAScript规格全部内容,希望文章能够帮你解决ES6-21:编程风格、ECMAScript规格所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。