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…