document.getElementsByTagName 的本地副本

Question

为什么下面的代码不起作用？

var f = document.getElementsByTagName;
var x = f('div');

我在 Chrome 中收到“TypeError：非法调用”，在 Safari 中收到“TypeError：类型错误”。我在 Firefox 中没有收到错误，但它不起作用。我还没有在 IE 或 Opera 中进行测试。

Answer 1

在 Javascript 中，不存在“绑定方法”这样的东西（借用 Python 的术语，我希望你已经知道这个术语，否则解释可能需要更长的时间）。当您获取对“document.getElementsByTagName”的引用时，您只是获取对函数的引用，而不是与文档对象关联的方法。当你调用它时，“this”被设置为窗口，而不是文档，所以它不起作用。

从技术上讲，这样做会得到你想要的，但正如你可能看到的那样，这是没有意义的：（

var x = f.call(document, 'div')

这是没有意义的，因为它的可读性较差，而且不如调用 document.getElementsByTagName() 那么快。使用闭包同样没有意义。）

Answer 2

因为在 javascript 中，方法从调用它们的对象获取其 this，并且调用存储在单独变量中的方法会使 this 成为全局上下文（或窗口，在浏览器中）。这应该有效：

var f function ()
{
    return document.getElementsByTagName.apply(
        document
      , arguments
    );
}
var x = f('div');

Answer 3

试试这个：

function f(divName){
  return document.getElementById(divName);
}

var x = f('div');   

您正在尝试使用括号来调用函数。问题是代码中的“f”是一个变量，而不是一个函数。

Answer 4

原因是需要在对象上调用 getElementsByTagName。您可以说，在函数定义内部，它使用 this 来确定要在哪个元素中查找标签。当您复制该函数然后调用它时，它将被赋予一个新的作用域，该作用域意味着 this 不指向不同的对象。要调用文档上的函数，请尝试以下操作：

var f = document.getElementsByTagName;
var x = f.call(document, "pre");
alert(x[0]);