js小技巧-高级工程师进阶必备

vue官网风格指南：

https://cn.vuejs.org/v2/style-guide/#规则归类
复制代码

块级做用域：

let 取代 var。var命令存在变量提高效用，let命令没有这个问题。
复制代码

全局常量和线程安全：

在let和const之间，建议优先使用const，尤为是在全局环境，不该该设置变量，只应设置常量。
复制代码

字符串：

静态字符串一概使用单引号或反引号，不使用双引号。动态字符串使用反引号。
复制代码

解构赋值：

使用数组成员对变量赋值时，优先使用解构赋值。函数的参数若是是对象的成员，优先使用解构赋值。
复制代码

对象：

单行定义的对象，最后一个成员不以逗号结尾。多行定义的对象，最后一个成员以逗号结尾。
复制代码

对象尽可能静态化：

一旦定义，就不得随意添加新的属性。若是添加属性不可避免，要使用Object.assign方法。
复制代码

数组：

使用扩展运算符（...）拷贝数组。使用 Array.from 方法，将相似数组的对象转为数组。
复制代码

函数：

当即执行函数能够写成箭头函数的形式。那些须要使用函数表达式的场合，尽可能用箭头函数代替。由于这样更简洁，并且绑定了 this。箭头函数取代Function.prototype.bind，不该再用 self/_this/that 绑定 this。
复制代码

模块：

* import取代require，使用export取代module.exports。
* 若是模块只有一个输出值，就使用export default，
* 若是模块有多个输出值，就不使用export default，
* export default与普通的export不要同时使用。
* 若是模块默认输出一个函数，函数名的首字母应该小写。若是模块默认输出一个对象，对象名的首字母应该大写。
复制代码

三元条件判断：

用三元操做符分配或返回语句。在比较简单的状况下使用，避免在复杂的状况下使用。
复制代码

使用严格等：

老是使用 === 精确的比较操做符，避免在判断的过程当中，由 JavaScript 的强制类型转换所形成的困扰。
复制代码

联系：

本文做者张miro,转载请声明

新前端技术交流群召集前端技术人，这里有Node.js/Vue.js/React.js/React-Native.js/微信小程序 技术问题交流。欢迎加入！群号：426334209

点击连接加入群聊【前端技术交流群】：jq.qq.com/?_wv=1027&a…