每天学点 JS 编码规范（1）：Types 和 References
（给前端大全加星标，提升前端技能）
英文：AirBnB，翻译：Kakaka Hou
为什么要在前端大全推送这个系列？
前段时间有读者通过我的个人微信，提议能不能推送一些编程规范的文章。我们以前关注过 Airbnb 在 GitHub 上开源的 JS 编程规范（现在有10万+ star，可见受欢迎程度），但因为篇幅太长，一直没有推送过。现在化整为零，设立这个每天学点 JS 编程规范系列，把长篇的规范划分成小节推送，方便大家讨论和掌握。
以下就是今天要推荐的 JS 编码规范，欢迎大家结合自己的实践到评论中来探讨。相信有更多前端开发者参与讨论的规范，会更加精彩。
- 以下是正文 -
注意：这个指南假定你正在使用 Babel， 并且需要你使用或等效的使用 babel-preset-airbnb。同时假定你在你的应用里安装了带有或等效的 airbnb-browser-shims 的shims/polyfills。
1、Types
1.1 基本类型: 你可以直接获取到基本类型的值
const foo = 1;
let bar = foo;
bar = 9;
console.log(foo, bar); // => 1, 9Symbols 不能被正确的 polyfill。所以在不能原生支持 symbol 类型的环境[浏览器]中，不应该使用 symbol 类型。 stringnumberbooleannullundefinedsymbol1.2 复杂类型: 复杂类型赋值是获取到他的引用的值。相当于传引用
const foo = [1, 2];
const bar = foo;
bar[0] = 9;
console.log(foo[0], bar[0]); // => 9, 9objectarrayfunction
2、References
2.1 所有的赋值都用
const，避免使用var. eslint:prefer-const,no-const-assignWhy? 因为这个确保你不会改变你的初始值，重复引用会导致bug和代码难以理解
// bad
var a = 1;
var b = 2;
// good
const a = 1;
const b = 2;2.2 如果你一定要对参数重新赋值，那就用
let，而不是var. eslint:no-varWhy? 因为
let是块级作用域，而var是函数级作用域// bad
var count = 1;
if (true) {
count += 1;
}
// good, use the let.
let count = 1;
if (true) {
count += 1;
}2.3 注意：
let、const都是块级作用域// const 和 let 都只存在于它定义的那个块级作用域
{
let a = 1;
const b = 1;
}
console.log(a); // ReferenceError
console.log(b); // ReferenceError
- EOF -
以上是今天推荐的 JS 编码规范，欢迎大家结合自己的实践到评论中来探讨。
觉得本文对你有帮助？请分享给更多人
推荐关注「前端大全」，提升前端技能
点赞和在看就是最大的支持❤️