เราสามารถละเว้นวงเล็บเมื่อสร้างวัตถุโดยใช้ตัวดำเนินการ“ ใหม่” ได้หรือไม่?

ฉันเคยเห็นวัตถุที่ถูกสร้างขึ้นด้วยวิธีนี้:

const obj = new Foo;

แต่ฉันคิดว่าวงเล็บไม่ได้เป็นตัวเลือกเมื่อสร้างวัตถุ:

const obj = new Foo();

วิธีการสร้างวัตถุในอดีตนั้นใช้ได้และถูกกำหนดในมาตรฐาน ECMAScript หรือไม่? มีความแตกต่างระหว่างวิธีการสร้างวัตถุในอดีตหรือในภายหลังหรือไม่? เป็นที่ต้องการมากกว่าหนึ่งอื่น ๆ ?

การอ้างถึงเดวิดฟลานาแกน¹ :

ในกรณีพิเศษสำหรับnewโอเปอเรเตอร์เท่านั้น JavaScript ทำให้ไวยากรณ์ง่ายขึ้นโดยอนุญาตให้ละเว้นวงเล็บหากไม่มีอาร์กิวเมนต์ในการเรียกใช้ฟังก์ชัน นี่คือตัวอย่างการใช้newโอเปอเรเตอร์:

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

...

โดยส่วนตัวแล้วฉันใช้วงเล็บเสมอแม้ว่านวกรรมิกจะไม่มีข้อโต้แย้ง

นอกจากนี้JSLintอาจทำร้ายความรู้สึกของคุณหากคุณไม่ใส่วงเล็บ รายงานMissing '()' invoking a constructorและดูเหมือนจะไม่มีตัวเลือกสำหรับเครื่องมือในการทนต่อการละเว้นวงเล็บ

¹ David Flanagan: JavaScript the Definitive Guide: 4th Edition (หน้า 75)

มีความแตกต่างระหว่างสอง:

• new Date().toString() ทำงานได้อย่างสมบูรณ์และส่งกลับวันที่ปัจจุบัน
• new Date.toString()พ่น " 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()มีลำดับความสำคัญเท่ากันกับ.โอเปอเรเตอร์

   new Fooมีลำดับความสำคัญต่ำกว่า.ผู้ประกอบการหนึ่งระดับ

   new Date().toString() ทำงานได้อย่างสมบูรณ์เพราะมันประเมินว่าเป็น (new Date()).toString()

   new Date.toString()พ่น " TypeError: Date.toString ไม่ใช่ตัวสร้าง " เนื่องจาก.มีลำดับความสำคัญสูงกว่าnew Date(และสูงกว่า "การเรียกใช้ฟังก์ชัน") และการแสดงออกจะประเมินว่า(new (Date.toString))()

   ตรรกะเดียวกันสามารถนำไปใช้กับ… [ … ]ผู้ประกอบการ

2. new Fooมีการเชื่อมโยงจากขวาไปซ้ายและสำหรับnew Foo()"การเชื่อมโยง" ไม่สามารถใช้ได้ ฉันคิดว่าในทางปฏิบัติมันไม่ได้สร้างความแตกต่างเลย สำหรับข้อมูลเพิ่มเติมดูคำถาม SO นี้

เป็นที่ต้องการมากกว่าหนึ่งอื่น ๆ ?

เมื่อรู้ทุกอย่างแล้วสามารถสันนิษฐานได้ว่าnew Foo()เป็นที่ต้องการ

ฉันไม่คิดว่าจะมีความแตกต่างใด ๆ เมื่อคุณใช้โอเปอเรเตอร์ "ใหม่" ระวังเรื่องนิสัยให้ดีเพราะรหัสสองบรรทัดนี้ไม่เหมือนกัน:

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

หากคุณไม่มีข้อโต้แย้งที่จะผ่านวงเล็บเป็นตัวเลือก การละเว้นพวกมันเป็นเพียงน้ำตาลทราย

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

นี่คือส่วนหนึ่งของข้อมูลจำเพาะ ES6 ที่กำหนดวิธีการทำงานของตัวแปรทั้งสอง ตัวแปรที่ไม่มีวงเล็บจะผ่านรายการอาร์กิวเมนต์ว่าง

น่าสนใจทั้งสองรูปแบบมีความหมายทางไวยากรณ์ที่แตกต่างกัน สิ่งนี้เกิดขึ้นเมื่อคุณพยายามเข้าถึงสมาชิกของผลลัพธ์

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

ไม่มีความแตกต่างระหว่างทั้งสอง