码迷,mamicode.com
首页 > 其他好文 > 详细

ES6-21:编程风格、ECMAScript规格

时间:2018-01-28 00:09:25      阅读:175      评论:0      收藏:0      [点我收藏+]

标签:编译器   规范性   gpo   使用数组   静态化   命令   避免   多行   编程   

良好的代码编程习惯是一个优秀的软件工程师的必备素养,也是一个团队开发易于阅读、高可维护性的大型项目的基础;虽然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》数组

ES6-21:编程风格、ECMAScript规格

标签:编译器   规范性   gpo   使用数组   静态化   命令   避免   多行   编程   

原文地址:https://www.cnblogs.com/hbzyin/p/8012339.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!