四個編寫JavaScript代碼的關鍵原則
1、以強類型語言的風格編寫代碼
JavaScript 是一種弱類型編程語言，其中變量在語法上可以具有不同類型的值。但是為了提高編譯性能并使您的代碼更容易被其他程序員閱讀，建議您以強類型風格編寫代碼。
1）、定義變量時應指定數據類型
錯誤代碼：
上述代碼中的變量缺少類型信息，導致其他程序員難以理解代碼或 JavaScript 解釋器無法優化。
好代碼：
2）、不要隨意改變變量的類型
錯誤代碼：
earning開始是一個整數，然后變成一個字符串。如果其他人需要閱讀或修改這段代碼，他或她必然會對代碼產生懷疑，甚至會寫出錯誤的代碼。
同時，像 V8 這樣的引擎中的 JavaScript 代碼被轉換為字節碼然后執行，字節碼中的數據類型是確定的。如果我們在 JavaScript 代碼中更改變量的數據類型，編譯器必須做一些額外的處理，這會降低程序的性能。
好代碼：
當你需要轉換一個值的類型時，使用一個新的變量。
3）、函數的返回類型應該是固定的
錯誤代碼：
此函數可能返回整數或字符串。盡管這符合 JavaScript 語法，但調用函數的人很難直接使用 getPrice() 的結果進行算術運算。
好代碼：
我們可以在函數注釋中同意返回 -1 表示參數無效，這允許調用者以統一的方式處理函數的結果。
2、減少不必要的范圍查找
JavaScript 支持嵌套作用域和作用域鏈，這使我們能夠編寫高效的代碼。但是錯誤地使用這些語法會弄亂代碼。
1）、如果沒有必要，不要將你的代碼暴露在全局范圍內
錯誤代碼：
首先，script標簽中的所有變量都在全局范圍內，不同的script標簽中的代碼可能是由不同的程序員開發的，可能會造成命名沖突。
其次，上面第二行代碼，在使用元素變量的時候，在全局范圍內尋找元素變量，降低了程序的性能。
好代碼：
這樣，我們使用閉包來隱藏元素變量，這樣不會污染全局作用域，在局部作用域中查找變量也更快。
當然，如果您確定將在其他地方使用元素變量，您仍然應該在全局范圍內公開它。
2）、不要濫用閉包
JavaScript 通過作用域鏈查找變量，如果在當前作用域中找不到變量，JavaScript 引擎會在當前作用域的父作用域中查找，然后逐級查找全局作用域。所以閉包嵌套得越深，變量查找所需的時間就越長。
錯誤代碼：
在 process 函數內部使用了上一級作用域變量 count，這使得 JavaScript 引擎在調用 process 函數時查找 count 變量更加耗時。
同時，如果作用域嵌套多層，process和count之間有幾十行代碼，在讀取process函數時很容易混淆count變量。
更好的方法是將計數作為參數傳遞給處理。
好代碼：
3、使用ES6特性簡化代碼
ES6 已經存在多年，現在非常兼容，我們應該積極擁抱 ES6，讓代碼更加簡潔優雅。
1）、使用箭頭函數代替普通函數作為回調函數
如果您不需要考慮此綁定，最好使用箭頭函數而不是普通函數作為回調。
錯誤代碼：
好代碼：
2）、使用類
使用傳統的原型語法會將構造函數代碼與原型方法代碼分離，無法有效組織代碼。
錯誤代碼：
使用類使代碼更簡單、更容易理解，而使用類還可以輕松實現繼承的靜態成員函數。
好代碼：
3）、使用模板字符串
模板字符串用反引號 () 字符而不是雙引號或單引號括起來。
錯誤代碼：
在模板字符串中，我們可以使用任何字符而不是轉義字符，如 \n。
同時，我們可以直接使用表達式 ${} 來插入變量，而不是拆分字符串并使用 + 來連接。
好代碼：
這顯然更容易閱讀。
4）、使用默認參數
在 ES5 中，如果我們想給函數的參數一個默認值，我們可以這樣寫：
在 ES6 中，我們可以用一種更簡單、更易讀的方式編寫：
5）、使用塊范圍變量
如果我們希望控制臺以 100 毫秒的間隔打印出 0、1、2、…10，反過來，有些人可能會編寫如下代碼：
for(var index = 0; index <= 10; index++){
setTimeout(() => console.log(index), 100)
}
不幸的是，上面的代碼不能滿足要求。因為 var 聲明的變量是在全局范圍內，所以當 setTimeout 回調函數執行時，index 的值已經變成了 11。
ES5 中的一種解決方案是使用閉包：
for(var index = 0; index <= 10; index++){
(function(archivedIndex){
setTimeout(() => console.log(archivedIndex), 100)
})(index)
}
這里我們通過閉包保存索引值，這樣每次執行setTimeout都會找到正確的索引值。
但是上面的寫法很麻煩，很難看懂，更好的方法是使用 let 聲明塊范圍的變量。
for(let index = 0; index <= 10; index++){
setTimeout(() => console.log(index), 100)
}
只需更改三個字符即可完成要求，非常簡單、方便、易讀。
4、語法風格
1）、用三元運算符替換簡單的 if-else
一般來說，三元運算符的語法如下：
condition ? expression_1 : expression_2;
條件是一個表達式，計算結果為布爾值，真或假。如果條件為真，則三元運算符返回表達式_1，否則返回表達式_2。
錯誤代碼：
好的代碼：
2）、避免==
== 有很多特殊的機制，過多地使用 == 會使我們的代碼更難理解。我們可以顯式轉換數據類型以使代碼更易于理解。
錯誤代碼：
好的代碼：
