在我們進行前端開發的過程中，需要遵循一定的代碼編寫規則，這樣才能夠讓我們寫出更合理的、易于閱讀和維護的代碼，那么你知道在JavaScript中有哪些需要注意的地方嗎？
一.塊級作用域let 取代 var - 語法上的編程風格
1.ES6 提出了兩個新的聲明變量的命令：let和const。
其中，let完全可以取代var，因為兩者語義相同，而且let沒有副作用。
上面代碼如果用var替代let，實際上就聲明了兩個全局變量，這顯然不是理想的設計方式。變量應該只在其聲明的代碼塊內有效，var命令做不到這一點。
2.var命令存在變量提升效用，let命令沒有這個問題。
3.在let和const之間，建議優先使用const，尤其是在全局環境，不應該設置變量，應設置常量。原因是const可以提醒閱讀程序的人，這個變量不能改變，比較符合函數式編程思想，并且JavaScript 編譯器會對const進行優化，所以多使用const，有利于提高程序的運行效率。
二、字符串 靜態字符串一律使用單引號或反引號，不使用雙引號。動態字符串使用反引號。
三.解構賦值
ES6允許按照一定模式，從數組和對象中提取值，對變量進行賦值，這被稱為解構
四.其他操作
1.對象的操作
對象盡量靜態化，一旦定義，就不得隨意添加新的屬性。如果添加屬性不可避免，要使用Object.assign方法。
對象的屬性和方法，盡量采用簡潔表達法
2.使用擴展運算符（...）拷貝數組
3.立即執行函數可以寫成箭頭函數的形式。
4.用 Class取代prototype 的操作。因為 Class 的寫法更簡潔，更易于理解。
五.括號的位置 - 語法格式上的編程風格
1.大括號的位置
絕大多數的編程語言，都用大括號（{}）表示代碼塊。對于起首的大括號的位置，有許多不同的寫法。最流行的有兩種。
第一種是起首的大括號另起一行 - 推薦
第二種是起首的大括號跟在關鍵字的后面，但是Javascript會自動添加句末的分號，有可能會導致一些難以察覺的錯誤。
2.圓括號
圓括號在Javascript中有兩種作用，一種表示調用函數，另一種表示不同的值的組合。我們可以用空格，區分這兩種不同的括號。
調用函數的時候，函數名與左括號之間沒有空格。
函數名與參數序列之間，沒有空格。
所有其他語法元素與左括號之間，都有一個空格
學習web前端，可以參考千鋒web前端培訓班提供的web前端學習路線，該學習路線對從零基礎小白到web前端初級開發工程師，web前端高級開發工程師，后面的web前端大神級開發工程師都有一個明確清晰的指導，根據千鋒web前端培訓機構提供的web前端學習路線圖可以讓你對學習web前端開發需要掌握的知識有個清晰的了解，并快速入門web前端開發。想要獲取前端完整學習路線和免費的學習資料可以添加我們的web前端技術分享交流qq群：857920838 加群找群管理領取即可，等你來哦~~
京公網安備 11010802030320號