Warum werden bestimmte Funktionsaufrufe in JavaScript als "illegale Aufrufe" bezeichnet?

Zum Beispiel, wenn ich das mache:

var q = document.querySelectorAll;

q('body');

In Chrome wird der Fehler "Unzulässiger Aufruf" angezeigt. Ich kann mir keinen Grund vorstellen, warum dies notwendig ist. Zum einen ist dies nicht bei allen nativen Codefunktionen der Fall. Tatsächlich kann ich das tun:

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

var x = new o();

Und alles funktioniert gut. Insbesondere habe ich dieses Problem beim Umgang mit Dokumenten und Konsolen entdeckt. Irgendwelche Gedanken?

Das liegt daran, dass Sie den "Kontext" der Funktion verloren haben.

Wenn du anrufst:

document.querySelectorAll()

Der Kontext der Funktion ist documentund wird wie thisbei der Implementierung dieser Methode zugänglich sein .

Wenn Sie nur aufrufen, qgibt es keinen Kontext mehr - es ist windowstattdessen das "globale" Objekt.

Die Implementierung von querySelectorAllversucht zu verwenden, thisaber es ist kein DOM-Element mehr, es ist ein WindowObjekt. Die Implementierung versucht, eine Methode eines DOM-Elements aufzurufen, die für ein WindowObjekt nicht vorhanden ist, und der Interpreter ruft nicht überraschend Foul auf.

Verwenden Sie .bindin neueren Versionen von Javascript Folgendes, um dieses Problem zu beheben :

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

Dadurch wird sichergestellt, dass alle nachfolgenden Aufrufe von qden richtigen Kontext haben. Wenn Sie nicht haben .bind, verwenden Sie dies:

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

In meinem Fall ist ein illegaler Aufruf aufgetreten, weil eine nicht deklarierte Variable als Argument übergeben wurde. Stellen Sie sicher, dass Sie die Variable deklarieren, bevor Sie an die Funktion übergeben.

Sie können wie folgt verwenden:

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

Noch eine prägnante Lösung:

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