Dom對象的鉤子是什麼意思

Question

在我的項目中我正在用正則表達式解析JavaScript代碼，特別是像document.createElement這樣的動態函數。但我建議把document.createElement換成鉤子。我不理解怎麼辦

，他們還提供了一個例子：

var f = document.createElement; 
document.createElement = function(tagName){ 
    console.log(tagName); 
    f.apply(document, arguments); 
} 

此代碼跟蹤document.createElement

我無法理解這種情況在我的代碼中使用任何人都可以幫助我

Answer 1

該代碼將存儲對原始document.createElement的引用，然後重新指定document.createElement指向一個新函數。

這裏面的新功能，它會記錄的第一個參數，然後調用原始document.createElement()傳遞document爲this價值和傳遞arguments其餘原樣。

這是我如何會短，`文檔中的代碼吧...

(function() { 
    var documentCreateElement = document.createElement; 

    document.createElement = function(tagName) { 
     console.log(tagName); 
     return documentCreateElement.apply(document, arguments); 
    } 

})(); 

如果console.log()可能不可用，您可能需要更改該行...

window.console && console.log && console.log(tagName);