加速IE的Javascript document輸出的方法

將下列代碼加在JavaScript的最前面 複製代碼 代碼如下:/*@cc_on _d=document;eval('var document=_d')@*/

加入這樣的一行代碼IE的document的訪問速度至少可以提高5倍以上
下面是加入前和加入後的測試比較代碼 複製代碼 代碼如下:// Before
var date = new Date;
for (var i = 0; i < 100000; i++) document;
alert(new Date - date); // 643

複製代碼 代碼如下:/*@cc_on _d=document;eval('var document=_d')@*/

// After
date = new Date;
for (var i = 0; i < 100000; i++) document;
alert(new Date - date); // 145

速度提高了不少吧！

解說：
首先，IE裡document就這樣直接被調用的話被執行的是window 對象的內建函式，而這個比較低效的。根據這一點，下面的處理可以提高速度：
var doc = document;

document; // 慢
doc; // 這個比上面的（document）快

雖然像上面那麼寫可以直接使用，但是之前用到document的地方都要去替換，這個有點麻煩了點吧。所以，看下面的：
var doc = document;
var document = doc;
可以實現的話那就太好了……

瞭解JavaScript的人應該知道，JavaScript的變數是在最開始的時候就產生的，所以這裡的document就變成了undefined了。
沒關係，繼續改進~
var doc = document;
eval('var document = doc');

eval的作用就是在範圍範圍內改變變數，這樣的話，後面的document就可以被正常使用了。
最後，加上只有在IE內有效條件，就像下面這樣就可以了~ 複製代碼 代碼如下:/*@cc_on
var doc = document;
eval('var document = doc');
@*/

舉一反三，像下面這樣的寫法，document以外的全域變數也可以用上面的方法，起到加速的作用。 複製代碼 代碼如下:/*@cc_on
eval((function(props) {
var code = [];
for (var i = 0 l = props.length;i<l;i++){
var prop = props[i];
window['_'+prop]=window[prop];
code.push(prop+'=_'+prop)
}
return ‘var ‘+code.join(',');
})('document self top parent alert setInterval clearInterval
setTimeout clearTimeout'.split(' ‘)));
@*/

下面是Franky的回複：
首先，IE裡document就這樣直接被調用的話被執行的是window 對象的內建函式，而這個比較低效的。根據這一點，下面的處理可以提高速度：

這個說法 不對..

之所以 你的測試 前後有差異,主要區別在於範圍鏈尋找.
你的代碼 是在global 執行環境.所以IE下,會訪在global對象去尋找 key 為'document'的成員. 而這個對象在ie中是一個com+實現的宿主對象. 他不在global中. global中沒有,則去window中再次尋找.造成了速度變慢.

同樣的全域對象 Math. 就不會帶來這個問題.原因是Math 在 Global上. 一次範圍鏈尋找就找到了.

對於最佳化. 一個建議就是
var win = window, doc = document,undefined;
每層範圍內,如果這個成員使用超過兩次,就有意義.

而如果你只在全域範圍 使用一次 ie 條件注釋 ,首先 非ie就無法享受到範圍被縮短的好處. 當然非ie 不會存在global->window的 多一次責任鏈尋找.

這裡的最佳化核心,就是縮短範圍鏈. 雖然opera chrome safarai等較新版本,對範圍鏈尋找做了最佳化. 但是我們認為的縮短範圍鏈. 對老的瀏覽器是有積極作用的.且對具備最佳化的瀏覽器,也不會帶來過於負的面影響.