Können wir beim Erstellen eines Objekts mit dem Operator "new" Klammern weglassen?

Ich habe gesehen, wie Objekte auf diese Weise erstellt wurden:

const obj = new Foo;

Aber ich dachte, dass die Klammern beim Erstellen eines Objekts nicht optional sind:

const obj = new Foo();

Ist die bisherige Methode zum Erstellen von Objekten im ECMAScript-Standard gültig und definiert? Gibt es Unterschiede zwischen der früheren Art der Objekterstellung und der späteren? Wird einer dem anderen vorgezogen?

Zitat David Flanagan ¹ :

Als Sonderfall newvereinfacht JavaScript nur für den Operator die Grammatik, indem die Klammer weggelassen wird, wenn der Funktionsaufruf keine Argumente enthält. Hier einige Beispiele mit dem newOperator:

o = new Object;  // Optional parenthesis omitted here
d = new Date();  

...

Persönlich verwende ich immer die Klammer, auch wenn der Konstruktor keine Argumente akzeptiert.

Darüber hinaus kann JSLint Ihre Gefühle verletzen, wenn Sie die Klammern weglassen. Es wird berichtet Missing '()' invoking a constructor, und es scheint keine Option für das Tool zu geben, um das Auslassen von Klammern zu tolerieren.

¹ David Flanagan: JavaScript the Definitive Guide: 4. Ausgabe (Seite 75)

Es gibt Unterschiede zwischen den beiden:

• new Date().toString() funktioniert einwandfrei und gibt das aktuelle Datum zurück
• new Date.toString()löst " TypeError: Date.toString ist kein Konstruktor "

Es passiert weil new Date()und new Datehaben unterschiedliche Vorrang. Laut MDN sieht der Teil der JavaScript-Operator-Prioritätstabelle, an dem wir interessiert sind, folgendermaßen aus:

╔════════════╦═════════════════════════════╦═══════════════╦═════════════╗
║ Precedence ║        Operator type        ║ Associativity ║  Operators  ║
╠════════════╬═════════════════════════════╬═══════════════╬═════════════╣
║     18     ║ Member Access               ║ left-to-right ║ … . …       ║
║            ║ Computed Member Access      ║ left-to-right ║  … [ … ]    ║
║            ║ new (with argument list)    ║ n/a           ║ new … ( … ) ║
╠════════════╬═════════════════════════════╬═══════════════╬═════════════╣
║     17     ║ Function Call               ║ left-to-right ║ … ( … )     ║
║            ║ new (without argument list) ║ right-to-left ║ new …       ║
╚════════════╩═════════════════════════════╩═══════════════╩═════════════╝

Aus dieser Tabelle folgt:

1. new Foo() hat eine höhere Priorität als new Foo

   new Foo()hat die gleiche Priorität wie der .Operator

   new Foohat eine Stufe niedrigere Priorität als der .Bediener

   new Date().toString() funktioniert perfekt, weil es als bewertet (new Date()).toString()

   new Date.toString()löst " TypeError: Date.toString ist kein Konstruktor " aus, da es .eine höhere Priorität als new Date(und höher als "Funktionsaufruf") hat und der Ausdruck als ausgewertet wird(new (Date.toString))()

   Die gleiche Logik kann auf den … [ … ]Bediener angewendet werden.

2. new Foohat Assoziativität von rechts nach links und für new Foo()"Assoziativität" ist nicht anwendbar. Ich denke in der Praxis macht es keinen Unterschied. Weitere Informationen finden Sie in dieser SO-Frage

Wird einer dem anderen vorgezogen?

Wenn man das alles weiß, kann man davon ausgehen, dass dies new Foo()bevorzugt wird.

Ich glaube nicht, dass es einen Unterschied gibt, wenn Sie den "neuen" Operator verwenden. Seien Sie vorsichtig, wenn Sie sich an diese Gewohnheit gewöhnen, da diese beiden Codezeilen NICHT identisch sind:

var someVar = myFunc; // this assigns the function myFunc to someVar
var someOtherVar = myFunc(); // this executes myFunc and assigns the returned value to someOtherVar

Wenn Sie keine Argumente übergeben müssen, sind die Klammern optional. Sie wegzulassen ist nur syntaktischer Zucker.

https://people.mozilla.org/~jorendorff/es6-draft.html#sec-new-operator-runtime-semantics-evaluation

Hier ist der Teil der ES6-Spezifikation, der definiert, wie die beiden Varianten funktionieren. Die Variante ohne Klammern übergibt eine leere Argumentliste.

Interessanterweise haben die beiden Formen unterschiedliche grammatikalische Bedeutungen. Dies wird angezeigt, wenn Sie versuchen, auf ein Mitglied des Ergebnisses zuzugreifen.

new Array.length // fails because Array.length is the number 1, not a constructor
new Array().length // 0

Es gibt keinen Unterschied zwischen den beiden.