ES6-21：编程风格ECMAScript规格

Posted 2020-10-22 Jason-str

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