JavaScript效能優化

2021-08-15 17:50:10 字數 452 閱讀 1588

盡量使用區域性變數 減少全域性變數的使用 可以縮小查詢的作用域鏈。

使用變數和陣列要比訪問物件上的屬性更有效率。

對於多重屬性查詢,將多次使用的屬性查詢儲存在區域性變數中。

前:window.location.href.substring(window.location.href.indexof(「?」));

後:var url = window.location.href;

var query =url.substring(url.indexof(「?」));

不要使用with關鍵字。

迭代減的效能要比迭代加的效能好

do while 效能要好一些

使用文件碎片 減少頁面重繪次數

最小化語句塊 比如多個變數使用同乙個var來宣告

在不同的地方用到同乙個迭代值,在最後一次使用迭代值的地方合併

switch 效能要好

JavaScript效能優化 資料訪問

乙個function的作用域模型,一般分為活動物件 區域性變數什麼的 全域性物件 window物件,document 訪問順序是先變數活動物件,後查詢全域性物件。function initui document可以用區域性變數儲存 var doc document var bd doc.body v...

JavaScript網頁指令碼效能優化

訪問dom的方式對指令碼效能會產生非常大的影響。以下面 為例 if document.getelementsbytagname a length 0 這段 可以執行,本身並沒有什麼問題,但它卻不是我們期望的最優性能。細看這段 可以發現其先後兩次使用dom方法getelementsbytagname ...

Javascript效能優化(二) 資料訪問優化

資料的儲存位置,關係到 執行時資料被檢索到的速度,js中有四種資料儲存位置 直接量 變數 陣列 物件。其中直接量可能比較少聽說,其實可以理解為表示匿名函式 匿名物件的乙個變數,如var sum function a,b sum就是乙個函式直接量。四種資料儲存位置中,直接量和區域性變數的訪問效能微不足...