Я видел, как объекты создавались таким образом:

const obj = new Foo;

Но я подумал, что скобки не являются необязательными при создании объекта:

const obj = new Foo();

Является ли прежний способ создания объектов действительным и определенным в стандарте ECMAScript? Есть ли различия между первым способом создания объектов и последним? Один предпочтительнее другого?

Цитирование Дэвид Фланаган 1 :

В особом случае, только для оператора new, JavaScript упрощает грамматику, позволяя опустить круглые скобки, если в вызове функции нет аргументов. Вот несколько примеров использования new:

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

...

. Лично я всегда использую скобки, даже если конструктор не принимает аргументов.

. Кроме того, JSLint может повредить вашим чувствам, если вы опустите скобки. В нем сообщается Missing '()' invoking a constructor, и инструмент, по-видимому, не может допустить пропуска скобок.


1 Дэвид Фланаган: JavaScript — полное руководство: 4-е издание (стр. 75)

Между ними есть различия:

  • new Date().toString() отлично работает и возвращает текущую дату
  • new Date.toString() throws « TypeError: Date.toString не является конструктором «

Это происходит потому, что new Date() и new Date имеет разный приоритет. Согласно MDN та часть таблицы приоритетов операторов JavaScript, которая нас интересует, выглядит следующим образом:

╔════════════╦═════════════════════════════╦═══════════════╦═════════════╗
║ 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 …       ║
╚════════════╩═════════════════════════════╩═══════════════╩═════════════╝

Из этой таблицы следует, что:

  1. new Foo() имеет более высокий приоритет, чем new Foo

    new Foo(), для создания нового объекта на основе того, что вы передаете, здесь это . operator

    new Foo имеет приоритет на один уровень ниже, чем . operator

    new Date().toString() отлично работает, потому что он оценивается как { *} «потому что (new Date()).toString()

    new Date.toString() throws « TypeError: Date.toString не является конструктором (и выше, чем» вызов функции «) и выражение оценивается как . имеет более высокий приоритет, чем new Date Та же логика может быть применена к (new (Date.toString))()

    имеет ассоциативность … [ … ].

  2. new Foo справа налево и для { *} «ассоциативность» не применима. Я думаю, что на практике это не имеет никакого значения. Для получения дополнительной информации см. Один из них предпочтительнее другого? new Foo() Я не думаю, что есть разница, когда вы используете оператор «new». Будьте осторожны с этой привычкой, так как эти две строки кода НЕ одинаковы: this ТАК вопрос


Если у вас нет аргументов для передачи, скобки являются необязательными. Пропускать их — просто синтаксический сахар.

Зная все это, можно предположить, что new Foo() является предпочтительным.

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

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

Вот часть спецификации ES6, которая определяет как работают два варианта. Вариант без скобок передает пустой список аргументов.

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

Вот часть спецификации ES6, которая определяет как работают два варианта. Вариант без скобок передает пустой список аргументов.

Интересно, что эти две формы имеют разные грамматические значения. Это появляется, когда вы пытаетесь получить доступ к члену результата.

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

Между ними нет разницы.