Почему в JavaScript определенные вызовы функций называются «незаконными вызовами»?

Например, если я сделаю это:

var q = document.querySelectorAll;

q('body');

Я получаю сообщение об ошибке «Незаконный вызов» в Chrome. Я не могу придумать ни одной причины, по которой это необходимо. Во-первых, это не относится ко всем функциям машинного кода. На самом деле я могу это сделать:

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

var x = new o();

И все работает нормально. В частности, я обнаружил эту проблему при работе с документом и консолью. есть идеи?

Это потому, что вы потеряли «контекст» функции.

Когда вы звоните:

document.querySelectorAll()

контекст функции есть documentи будет доступен thisпри реализации этого метода.

Когда вы просто вызываете q, больше нет контекста - windowвместо этого появляется «глобальный» объект.

Реализация querySelectorAllпытается использовать, thisно это уже не элемент DOM, это Windowобъект. Реализация пытается вызвать какой-то метод элемента DOM, которого нет в Windowобъекте, и интерпретатор неудивительно вызывает ошибку.

Чтобы решить эту проблему, используйте .bindв новых версиях Javascript:

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

что гарантирует, что все последующие вызовы будут qиметь правильный контекст. Если у вас нет .bind, используйте это:

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

В моем случае незаконный вызов произошел из-за передачи необъявленной переменной в качестве аргумента. Обязательно объявите переменную перед переходом к функции.

вы можете использовать так:

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

Еще одно лаконичное решение:

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