ES6(二)编程风格

本文最后更新于:8 个月前

本文参考Airbnb的JavaScript代码规范,给出了一些编写JavaScript的规范,其中运用了很多ES6的内容。遵循规范,能够写出风格统一的代码,不仅能够提升代码阅读体验,也能够提升代码运行效率

ES6(二)编程风格

一、变量

1. let 取代 var

let和var语义相同,而且let没有副作用,var的一些特性,如函数作用域,可能会导致一些错误的出现。

2. const 优于 let

对于不需要修改的值,建议使用const,一是提醒阅读程序的人该变量不应该被修改,并且杜绝了无意间的修改(会报错);二是编译器对const有优化。

3. 字符串用单引号/反引号

静态字符串使用单引号,动态字符串使用反引号。(不过没有解释为什么)

4. 优先用解构赋值

二、对象

5. 用属性的简写表达法

这样易于描述和书写

6. 是否以逗号结尾

单行定义的对象最后一个成员不以逗号结尾,多行定义的对象,最后一个成员以逗号结尾

三、函数

7. 箭头函数的使用时机

简单的、不复用的、作为参数的,建议采用箭头函数。函数体复杂、行数较多的,建议采用传统函数写法

8. 用默认值语法设置参数默认值

1
2
3
4
5
6
7
8
9
// bad
function handleThings(opts) {
opts = opts || {};
}

// good
function handleThings(opts = {}) {
// ...
}

四、Map

9. Map的使用时机

模拟现实世界的实体对象时,使用Object。只是需要key:value结构的数据,使用Map,因为Map有内建的遍历机制。

五、Class

10. 总是用Class取代需要prototype的操作

因为Class的写法更加简洁,易于理解。

六、Module模块

11. export 与 export default的使用时机

如果模块只有一个输出值,使用export default。如果模块有多个输出值,建议不要使用export default。

12. 导出命名格式

如果导出是工具方法,使用小驼峰式。如果导出一个对象,使用大驼峰式。


ES6(二)编程风格
http://timegogo.top/2023/03/26/JavaScript/ES6(二)编程风格/
作者
丘智聪
发布于
2023年3月26日
更新于
2023年7月16日
许可协议