Dlaczego niektóre wywołania funkcji są określane w JavaScript jako „nielegalne wywołania”?

Na przykład, jeśli to zrobię:

var q = document.querySelectorAll;

q('body');

W przeglądarce Chrome pojawia się błąd „Nielegalne wywołanie”. Nie mogę wymyślić żadnego powodu, dla którego jest to konieczne. Po pierwsze, nie dotyczy to wszystkich funkcji kodu natywnego. W rzeczywistości mogę to zrobić:

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

var x = new o();

I wszystko działa dobrze. W szczególności odkryłem ten problem podczas pracy z dokumentem i konsolą. jakieś pomysły?

To dlatego, że straciłeś „kontekst” funkcji.

Kiedy zadzwonisz:

document.querySelectorAll()

kontekst funkcji jest documenti będzie dostępny tak, jak thisprzy implementacji tej metody.

Kiedy po prostu dzwonisz, qnie ma już kontekstu - windowzamiast tego jest to obiekt „globalny” .

Implementacja querySelectorAllpróbuje użyć, thisale nie jest już elementem DOM, to Windowobiekt. Implementacja próbuje wywołać pewną metodę elementu DOM, który nie istnieje w Windowobiekcie, a interpreter nie jest zaskakująco nazywany faoul.

Aby rozwiązać ten problem, użyj .bindw nowszych wersjach Javascript:

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

co zapewni, że wszystkie kolejne wywołania będą qmiały właściwy kontekst. Jeśli nie masz .bind, użyj tego:

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

W moim przypadku wystąpiło niedozwolone wywołanie z powodu przekazania niezadeklarowanej zmiennej do funkcji jako argumentu. Upewnij się, że deklarujesz zmienną przed przejściem do funkcji.

możesz użyć w ten sposób:

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

Jeszcze jedno zwięzłe rozwiązanie:

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