javascript - 为什么我不能在 javascript 中传递这个函数？

Question

我无法将 document.getElementById 作为参数传递:

给定这个 HTML:

<div id="el"></div>

还有这个 JavaScript:

var test = function(fn) {
  alert(fn("el"));
}
// This works
test(function(id){
  return document.getElementById(id);
});
// This fails
test(document.getElementById);

fiddle :
https://jsfiddle.net/joshcomley/tv7chn9q/

例如，我在 Chrome 中收到“未捕获的类型错误:非法调用”。

为什么会这样？

Answer 1

举这个例子。

var item = "This is a global variable";

var thing = {
  item: "a value",
  findInThing: function(prop) {
    return this[prop];
  }
}

alert(thing.findInThing("item"));

function call(a_func) {
    return a_func("item"); 
}

alert(call(thing.findInThing));

函数内 this 的值取决于调用它的上下文。

您在将 getElementById 与 document 的上下文分离后调用它。

它不涉及 DOM 文档来查找元素，因此失败。

您可以创建一个新函数来包装另一个函数，然后使用绑定(bind)在特定上下文中调用它:

var myGEBI = document.getElementById.bind(document);
test(myGEBI);