Чому певні виклики функцій у 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');