JavaScript的程式碼編寫注意事項,建議收藏!
在我們進行前端開發的過程中,需要遵循一定的程式碼編寫規則,這樣才能夠讓我們寫出更合理的、易於閱讀和維護的程式碼,那麼你知道在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中有兩種作用,一種表示呼叫函式,另一種表示不同的值的組合。我們可以用空格,區分這兩種不同的括號。
呼叫函式的時候,函式名與左括號之間沒有空格。
函式名與引數序列之間,沒有空格。
所有其他語法元素與左括號之間,都有一個空格
以上就是小千今天為大家分享的JavaScript的程式碼編寫注意事項。希望本篇文章能夠對正準備學習Web前端技術的小夥伴們有所幫助。
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/31548651/viewspace-2762833/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- iOS 程式碼注意事項iOS
- 二手房購買流程及注意事項,建議收藏!避免踩坑!
- 低程式碼和無程式碼的注意事項
- 工程師文件編寫注意事項(二〇二四 〇一)工程師
- 常用 CSS 程式碼片段集合,建議收藏CSS
- 編寫高質量程式碼 改善Python程式的91個建議Python
- 編寫ORACLE效能報告的九大注意事項(轉載)Oracle
- 推薦22個實用的一行Javascript程式碼Date大全,建議收藏JavaScript
- JavaScript 設定CSS與注意事項JavaScriptCSS
- 程式設計注意事項程式設計
- 《編寫高質量程式碼:改善Java程式的151個建議》筆記Java筆記
- 編寫更優雅的 JavaScript 程式碼JavaScript
- 程式設計師編寫技術文章需要的四個輔助神器 ,強烈建議收藏 !程式設計師
- 建設小程式商城需要注意事項_建設微商城流程_OctShop
- Latex寫作常用操作和注意事項
- 營銷型網站建設的注意事項網站
- 低程式碼開發平臺選型注意事項
- golang如何優雅的編寫事務程式碼Golang
- 低程式碼開發平臺選型的注意事項(下)
- 低程式碼開發平臺選型的注意事項(上)
- 條款1.3成稽核重點物件!3大注意事項、2條開發建議,兒童類別開發者火速收藏!物件
- 使用無程式碼開發平臺需要重點注意的事項
- 構建有效的程式碼審查清單需要注意哪些事項?
- RandomAccessFile注意事項randomMac
- @Lombok注意事項Lombok
- 換工作的注意事項
- Oracle使用*的注意事項Oracle
- Github即將破百萬的PDF:編寫高質量程式碼改善JAVA程式的151個建議GithubJava
- Go 語言實戰: 編寫可維護 Go 語言程式碼建議Go
- 微服務寫的最全的一篇文章,建議收藏~微服務
- 建議收藏備查!MySQL 常見錯誤程式碼說明MySql
- 什麼是低程式碼?一分鐘瞭解低程式碼「建議收藏」
- PureComponent 使用注意事項以及原始碼解析原始碼
- 微信小程式開發注意事項微信小程式
- JAVA程式設計注意事項(效能篇)Java程式設計
- 《Effective JavaScript 編寫高質量JavaScript程式碼的68個有效方法》JavaScript
- 【建議收藏】好用的API大全API
- 輕鬆部署 Laravel 應用 | 《14. 程式碼更新時的注意事項》Laravel