Nielegalne inwokacja z document.querySelector

Question

Powiel możliwe:
JavaScript function aliasing doesn't seem to work

Powiązane jsfiddle: http://jsfiddle.net/cWCZs/1/

Poniższy kod działa perfekcyjnie:

var qs = function(s) { 
    return document.querySelector(s); 
}; 
qs('some selector'); 

Ale następujące nie:

var qs = document.querySelector; 
qs('some selector'); // Uncaught TypeError: Illegal invocation 

Nie rozumiem dlaczego.

Moja dezorientacja pochodzi z faktu, że to działa:

function t() { 
    console.log('hi'); 
} 
var s = t; 
s(); // "hi" 

Answer 1

Problem polega na wartości 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 nie jest sposób ogólny, że nie będzie akceptować inną wartość this. Tak więc, jeśli chcesz skrótu, należy upewnić się, że querySelector jest związany z dokumentem:

var qs = document.querySelector.bind(document);