在我們進行前端開發的過程中，需要遵循一定的代碼編寫規則，這樣才能夠讓我們寫出更合理的、易于閱讀和維護的代碼，那么你知道在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  加群找群管理領取即可，等你來哦~~