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…