Por exemplo, se eu fizer isso:
var q = document.querySelectorAll;
q('body');Recebo um erro de "Invocação ilegal" no Chrome. Não consigo pensar em nenhum motivo para isso ser necessário. Por um lado, não é o caso com todas as funções de código nativo. Na verdade, posso fazer isso:
var o = Object; // which is a native code function
var x = new o();E tudo funciona bem. Em particular, descobri esse problema ao lidar com documentos e console. Alguma ideia?
Respostas:
É porque você perdeu o "contexto" da função.
Quando Você ligar:
document.querySelectorAll()o contexto da função é documente estará acessível conformethis a implementação desse método.
Quando você apenas chama, qnão há mais contexto - é o windowobjeto "global" .
A implementação de querySelectorAlltenta usar, thismas não é mais um elemento DOM, é um Windowobjeto. A implementação tenta chamar algum método de um elemento DOM que não existe em um Windowobjeto e o interpretador chama foul sem surpresa.
Para resolver isso, use .bindem versões mais recentes de Javascript:
var q = document.querySelectorAll.bind(document);o que garantirá que todas as invocações subsequentes de qtenham o contexto correto. Se você não tem .bind, use isto:
function q() {
return document.querySelectorAll.apply(document, arguments);
}function q(x){ return document.querySelectorAll(x); }. Outra coisa que eu realmente gosto sobre os objetos do navegador IE é que alguns deles lançam uma exceção apenas se você tentar ler uma propriedade deles, então você precisa testar os recursos em if( 'funcname' in browserobject)vez do usual if(browserobject.funcname)!
No meu caso, a invocação ilegal ocorreu devido à passagem de uma variável não declarada para funcionar como argumento. Certifique-se de declarar a variável antes de passar para a função.
somethingmétodo perde o contexto do documento
você pode usar assim:
let qsa = document.querySelectorAll;
qsa.apply(document,['body']);