我可以将document.getElementById分配给javascript中的变量吗？

Question

我认为document.getElementById 是一个函数。

所以这个函数可以赋值给变量。像这样

var hello = document.getElementById;
console.log(hello('hello')));

<div id="hello">hello</div>

但它发生了这样的错误：

未捕获的类型错误：非法调用

Answer 1

问题在于上下文。当您引用该函数时，您会将函数的上下文丢失到document。所以，为了做你想做的事，你需要bind上下文：

var hello = document.getElementById.bind(document);

工作示例：

var hello = document.getElementById.bind(document);
console.log(hello('hello'));

<div id="hello">hello</div>

Answer 2

将其包装为一个带有代表 ID 的参数的函数。

var hello = function(id){
     return document.getElementById(id);
}
console.log( hello('hello')  );

<div id="hello">hello</div>