Por que certas chamadas de função são chamadas de “invocações ilegais” em JavaScript?

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?

É 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);
}

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.

você pode usar assim:

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

Mais uma solução concisa:

const q=s=>document.querySelectorAll(s);
q('body');