JavaScript-Serie für Fortgeschrittene – wie das funktioniert

• Globaler Geltungsbereich

• Funktionsaufruf

• Methodenaufruf

• Rufen Sie den Konstruktor auf

• Stellen Sie dies explizit ein

• Häufiges Missverständnis

• Methode Zuweisungsausdruck

JavaScript verfügt über einen völlig anderen Mechanismus, um damit umzugehen als andere Sprachen. In fünf verschiedenen Fällen deutet dies auf unterschiedliche Dinge hin.

Globaler Bereich

this;

Wenn dies in allen Bereichen verwendet wird, zeigt es auf das globale Objekt.

Funktionsaufruf

foo();

Hier zeigt dies auch auf das globale Objekt.

Methodenaufruf

test.foo();

In diesem Beispiel zeigt dies auf das Testobjekt.

Konstruktor aufrufen

new foo();

Wenn die Funktion dazu neigt, mit dem Schlüsselwort new verwendet zu werden, nennen wir diese Funktion einen Konstruktor. Innerhalb der Funktion zeigt dies auf das neu erstellte Objekt.

Setzen Sie dies explizit

function foo(a, b, c) {}

var bar = {};
foo.apply(bar, [1, 2, 3]); // 数组将会被扩展，如下所示
foo.call(bar, 1, 2, 3); // 传递到foo的参数是：a = 1, b = 2, c = 3

Wenn Sie die Call- oder Apply-Methode für Function.prototype verwenden, wird dies in der Funktion explizit auf den ersten Wert im Funktionsaufrufparameter gesetzt.

Die Regeln für Funktionsaufrufe gelten im obigen Beispiel also nicht mehr, und dies ist in der Funktion foo auf bar gesetzt.

Häufige Missverständnisse

Obwohl die meisten Situationen wahr sind, gilt die erste Regel (Anmerkung des Übersetzers: Dies bezieht sich auf die zweite Regel, also wann (Beim direkten Aufruf einer Funktion verweist dies auf das globale Objekt.) gilt als eine weitere Fehlkonstruktion der JavaScript-Sprache, da sie nie von praktischem Nutzen war.

Foo.method = function() {
    function test() {
        // this 将会被设置为全局对象（译者注：浏览器环境中也就是 window 对象）
    }
    test();
}

Ein häufiges Missverständnis besteht darin, dass dies im Test auf das Foo-Objekt verweist, was eigentlich nicht der Fall ist.

Um einen Verweis auf das Foo-Objekt im Test zu erhalten, müssen wir eine lokale Variable innerhalb der Methodenfunktion erstellen, die auf das Foo-Objekt zeigt.

Foo.method = function() {
    var that = this;
    function test() {
        // 使用 that 来指向 Foo 对象
    }
    test();
}

Das ist nur ein Name, den wir zufällig vergeben, aber dieser Name wird häufig verwendet, um auf das Äußere dieses Objekts zu verweisen. Im Abschnitt „Abschlüsse“ haben wir gesehen, dass dies als Parameter übergeben werden kann.

Hinweis: In der Literal-Deklarationssyntax eines Objekts kann dies nicht verwendet werden, um auf das Objekt selbst zu verweisen. Daher zeigt me in var obj = {me: this} nicht auf obj, da dies nur in den oben genannten fünf Situationen auftreten kann. Anmerkung des Übersetzers: Wenn es in diesem Beispiel in einem Browser ausgeführt wird, entspricht obj.me dem Fensterobjekt.

Zuweisungsausdruck der Methode

Eine andere Sache, die seltsam erscheint, ist der Funktionsalias, der einer Variablen eine Methode zuweist.

var test = someObject.methodTest;
test();

Im obigen Beispiel wird test wie eine gewöhnliche Funktion aufgerufen. Daher wird innerhalb der Funktion nicht mehr auf das someObject-Objekt verwiesen.

Obwohl das späte Bindungsmerkmal hierin unfreundlich erscheint, basiert es tatsächlich auf dem Boden, von dem die prototypische Vererbung abhängt.

function Foo() {}
Foo.prototype.method = function() {};

function Bar() {}
Bar.prototype = Foo.prototype;

new Bar().method();

Wenn die Methode aufgerufen wird, zeigt sie auf das Instanzobjekt von Bar.

Das oben Gesagte ist das Funktionsprinzip der JavaScript-Fortgeschrittenenreihe. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (m.sbmmt.com)!