前端技巧|JavaScript的代碼編寫注意事項

      在我們進行前端開發(fā)的過程中，需要遵循一定的代碼編寫規(guī)則，這樣才能夠讓我們寫出更合理的、易于閱讀和維護的代碼，那么你知道在JavaScript中有哪些需要注意的地方嗎？

      一.塊級作用域let 取代 var - 語法上的編程風格

      1.ES6 提出了兩個新的聲明變量的命令：let和const。

      其中，let完全可以取代var，因為兩者語義相同，而且let沒有副作用。

      上面代碼如果用var替代let，實際上就聲明了兩個全局變量，這顯然不是理想的設(shè)計方式。變量應該只在其聲明的代碼塊內(nèi)有效，var命令做不到這一點。

      2.var命令存在變量提升效用，let命令沒有這個問題。

      3.在let和const之間，建議優(yōu)先使用const，尤其是在全局環(huán)境，不應該設(shè)置變量，應設(shè)置常量。原因是const可以提醒閱讀程序的人，這個變量不能改變，比較符合函數(shù)式編程思想，并且JavaScript 編譯器會對const進行優(yōu)化，所以多使用const，有利于提高程序的運行效率。

      二、字符串 靜態(tài)字符串一律使用單引號或反引號，不使用雙引號。動態(tài)字符串使用反引號。

      三.解構(gòu)賦值

      ES6允許按照一定模式，從數(shù)組和對象中提取值，對變量進行賦值，這被稱為解構(gòu)

      四.其他操作

      1.對象的操作

      對象盡量靜態(tài)化，一旦定義，就不得隨意添加新的屬性。如果添加屬性不可避免，要使用Object.assign方法。

      對象的屬性和方法，盡量采用簡潔表達法

      2.使用擴展運算符（...）拷貝數(shù)組

      3.立即執(zhí)行函數(shù)可以寫成箭頭函數(shù)的形式。

      4.用 Class取代prototype 的操作。因為 Class 的寫法更簡潔，更易于理解。

      五.括號的位置 - 語法格式上的編程風格

      1.大括號的位置

      絕大多數(shù)的編程語言，都用大括號（{}）表示代碼塊。對于起首的大括號的位置，有許多不同的寫法。最流行的有兩種。

      第一種是起首的大括號另起一行 - 推薦

      第二種是起首的大括號跟在關(guān)鍵字的后面，但是Javascript會自動添加句末的分號，有可能會導致一些難以察覺的錯誤。

      2.圓括號

      圓括號在Javascript中有兩種作用，一種表示調(diào)用函數(shù)，另一種表示不同的值的組合。我們可以用空格，區(qū)分這兩種不同的括號。

      調(diào)用函數(shù)的時候，函數(shù)名與左括號之間沒有空格。

      函數(shù)名與參數(shù)序列之間，沒有空格。

      所有其他語法元素與左括號之間，都有一個空格

      學習web前端，可以參考千鋒web前端培訓班提供的web前端學習路線，該學習路線對從零基礎(chǔ)小白到web前端初級開發(fā)工程師，web前端高級開發(fā)工程師，后面的web前端大神級開發(fā)工程師都有一個明確清晰的指導，根據(jù)千鋒web前端培訓機構(gòu)提供的web前端學習路線圖可以讓你對學習web前端開發(fā)需要掌握的知識有個清晰的了解，并快速入門web前端開發(fā)。想要獲取前端完整學習路線和免費的學習資料可以添加我們的web前端技術(shù)分享交流qq群：857920838  加群找群管理領(lǐng)取即可，等你來哦~~