JavaScript - 重構getElementById

Question

我使用了很多getElementById，並且我有一個關於什麼是重構它的最佳方法的問題。

正如許多人已經做到了，我用這個代碼，使其更簡單，更方便，減少文件大小：

function $(id){ 
return document.getElementById(id); 
} 

但在什麼我需要幫助：這是最好添加一個變量document.getElementById只是改變他們在我需要它的每個功能？或者，我應該堅持我已經擁有的東西（使用$(id)）

Answer 1

是的，window.$ = document.getElementById.bind(document);也可以。一般參見this answer和Javascript Shorthand for getElementById。

如果你害怕污染全局命名空間或與廣泛使用$選擇快捷方式（尤其是他們的插件）某些庫相沖突的，你需要使它局部變量在函數的範圍：

(function(/*id selector*/ $) { 
    // your code here, using $ 
})(document.getElementById.bind(document)); 

實際上與

(function() { 
    function $(id){return document.getElementById(id);} 
    // your code here, using $ 
})();