1.可維護性

　　《1》什么是可維護的代碼

　　　　(1)可理解性

　　　　(2)直觀性

　　　　(3)可適應性

　　　　(4)可擴展性

　　　　(5)可調試性

　　《2》代碼約定

　　　　(1)可讀性---適當的進行注釋【函數和方法、大段代碼、復雜的算法、Hack瀏覽器差異性】

　　　　(2)變量和函數名--語義化

　　　　(3)變量類型透明---一眼看出來是什么類型的數據

　　《3》松散耦合---代碼最好不要交叉---排錯方便

　　　　(1)HTML和JavaScript

　　　　(2)Css和JavaScript

　　　　(3)應用邏輯和事件處理程序（按鍵、獲取DOM-----做了什么事情）

　　《4》尊重對象的所有權

　　　　(1)不要為實例或原型添加屬性或方法

　　　　(2)不要重新定義已經存在的方法

　　　　(3)盡量避免全局變量

　　　　　　

var totalObj = {name:"123",funName: function() {console.log(1); } }

　　　　(4)避免與null進行比較

　　　　　　如果是引用類型的話使用insinstanceof檢查其類型

　　　　　　如果是基本類型使用typetypeof檢查其類型

　　　　(5)使用常量

　　　　　　重復值

　　　　　　展示給客戶使用的字符串類型，方便國際化

　　　　　　Urls

　　　　　　任何可能改變的值

2.性能

　　《1》注意作用域

　　　　避免全局查找

　　　　避免不必要的屬性查找

　　《2》優化循環

　　　　減值迭代。0---n的遞增性能比 ?n--0遞減性能差

　　　　簡化終止條件

　　　　簡化循環體

　　　　使用后測試循環 ? do-while

　　　　展開循環--循環次數確定，展開循環

　　　　原生方法較快，switch語句較快，位運算符語句較快

　　《3》最小化語句數

　　　　1.多個變量聲明 ? var ? a, b, c;

　　　　2.使用數組對象字面量

　　《4》優化DOM交互

　　　　1.最小化現場更新

　　　　2.使用innerHTML

　　　　3.使用事件代理--冒泡

　3.部署

　　文件壓縮

　　代碼驗證 ?ESlint

轉載于:https://www.cnblogs.com/jcxfighting/p/9400261.html

總結

以上是生活随笔為你收集整理的javaScript高程笔记--最佳实践的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。