标签 javascript dom
<分区>
Possible Duplicate:
JavaScript function aliasing doesn't seem to work
相关的 jsfiddle:http://jsfiddle.net/cWCZs/1/
以下代码完美运行:
var qs = function( s ) {
return document.querySelector( s );
};
qs( 'some selector' );
但以下不是:
var qs = document.querySelector;
qs( 'some selector' ); // Uncaught TypeError: Illegal invocation
我不明白为什么。
我的困惑来自于这个有效的事实:
function t() {
console.log( 'hi' );
}
var s = t;
s(); // "hi"
最佳答案
问题出在this的值上。
//in the following simile, obj is the document, and test is querySelector
var obj = {
test : function () {
console.log( this );
}
};
obj.test(); //logs obj
var t = obj.test;
t(); //logs the global object
querySelector 不是通用方法，它不会接受另一个 this 值。所以，如果你想要一个快捷方式，你必须确保你的 querySelector 绑定(bind)到文档:
var qs = document.querySelector.bind( document );
关于javascript - 非法调用 document.querySelector，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12637061/