Question

例如,如果我这样做:

var q = document.querySelectorAll;

q( body );

在Chrome, 我有一个“ 非法援引” 错误。我无法想到为什么有必要这样做。首先, 并非所有本地代码功能都属于这种情况。事实上, 我可以做到这一点 :

var o = Object; // which is a native code function

var x = new o();

一切都很好,特别是我在处理文件和控制台时发现了这个问题。有什么想法吗?

Answer 1

这是因为你失去了函数的“通俗性”。

当你呼唤:

document.querySelectorAll()

函数的上下文为 document ,通过采用该方法,该函数将以 this 的形式作为 访问。



当您刚刚调用 >q  时, 不再有上下文 - 而是“ global”  window  对象 。

执行 querySelectorAll 试图使用 this ,但它不再是 DOM 元素,它是一个 Window 对象。执行试图调用在 < code> Window 对象上不存在的 DOM 元素的某些方法, 解释者毫不奇怪地称其为违法。

要解决这个问题, 请使用 < code>. bind 来更新 Javascript 版本 :

var q = document.querySelectorAll.bind(document);

这将确保 >q 之后的所有引用都有正确的上下文。如果您没有获得 . bind , 请使用 :

function q() {
    return document.querySelectorAll.apply(document, arguments);
}

Answer 2

您可以这样使用 :

let qsa = document.querySelectorAll;
qsa.apply(document,[ body ]);