JavaScript: ORDER der Funktionsausführung

Question

Ich lerne JavaScript, aber es gibt viele Dinge, die ich nicht verstehen kann. Bei einem Online-JavaScript-Quiz, erschien die folgende Frage:
Was wird das folgende JavaScript-Code Protokoll zu trösten:

const a = {}; 
const b =() => a.a =() => {}; 
const c = c => '' + c + a.a(b()); 
const d = console.log.bind(console); 
const e = (e =>() => d(c(e++)))(0); 

try{ 
    e(); 
}catch(a){ 
    e(); 
} 

Es dauerte einige Zeit, um zu verstehen, was jede Variable (hier konstant) steht. Ich begann den Code aus dem e() innerhalb try Block zu analysieren. So stellt e eine Schließung dar, was bedeutet, dass die Funktion d mit dem Argument c(0) aufgerufen wird und e1 wird. Wie ich verstanden habe, hier d im Grunde repräsentiert die console.log Funktion (aber ich kann nicht herausfinden, warum haben sie bind verwendet?).

Für jetzt weiß ich, dass zuerst c(0) ausgeführt wird und dann Ergebnis an die Konsole, richtig? Werfen wir einen Blick auf die Funktion c. Es gibt das erste Argument in Zeichenfolge und verkettetes Ergebnis von a.a(b()) zurück. Ok, also a.a(b()) wird zuerst ausgeführt, habe ich recht? Aber das Problem ist, weil a.a keine Funktion ist, ist es undefiniert, so wird Fehler geworfen und wir gehen zu catch.

Jetzt, in catch Block sollte alles gleich sein, so a.a ist immer noch keine Funktion und Referenzfehler sollte geworfen werden. Aber es überraschte mich, als ich sah, dass kein Fehler ausgelöst wurde, aber die Konsole loggte sich tatsächlich 1undefined. Warum? Wie?

Ok, nach ein bisschen Nachdenken, habe ich festgestellt, dass vielleicht a.a(b()) vielleicht zuerst b() ausgeführt wird. Nach meiner Annahme, dann Funktion b Zuordnung Verweis auf eine Funktion, die nichts zur Eigenschaft a des Objekts a, Recht? Aber dann, a.a ist eine Funktion und es wird in try Block ausgeführt und 0undefined wird protokolliert werden.

Keine dieser beiden Annahmen ist jedoch korrekt. Die Hauptfrage hier ist, was zuerst ausgeführt wird? Wenn wir someObject.propertyWhichIsNotAFunction(somethingWhichMakesItAFunction) anrufen, was wird passieren? Was wird zuerst ausgeführt? Es scheint, dass in try Block eine Sache zuerst und in catch andere Sache ausgeführt wird. Es macht wirklich keinen Sinn für mich. Irgendwelche Erklärungen?

Answer 1

Dies ist der Ursache von Why is the value of foo.x undefined in foo.x = foo = {n: 2}? sehr ähnlich, nur ein bisschen kniffliger, da es sich darauf verlässt, wenn ein TypeError in der Ausführung geworfen wird.

Im Grunde, was passiert ist:

1. a.a ausgewertet, um herauszufinden, welche Funktion wird später in Schritt 3 aufgerufen werden.
2. b() wird ausgewertet, da es ein Funktionsargument ist und sein Rückgabewert Wert wird das eigentliche Argument zu was auch immer a.a ausgewertet wird.
3. Was auch immer a.a in Schritt 1 ausgewertet wird, wird mit dem Rückgabewert b() als Argument ausgeführt.

Der relevante Teil der Spezifikation ist hier: https://www.ecma-international.org/ecma-262/7.0/index.html#sec-function-calls

Beachten Sie, dass das erste, was passiert, wenn eine Funktion aufgerufen wird:

1. Lassenref das Ergebnis sein Bewerten von MemberExpression.
2. Lassen func sein? GetValue (ref).

Das bedeutet, dass a.a ausgewertet wird und die Funktion bezieht er sich auf sich func genannt. Das erste Mal, um a.a ausgewertet undefined, so func ist undefined und ein Typeerror wird in Schritt 2 von https://www.ecma-international.org/ecma-262/7.0/index.html#sec-evaluatedirectcall geworfen werden, was nachArgumentListEvaluation(arguments), den b() Anrufen und weist einen neuen Wert zu a.a, aber nicht nach der Wert von func.