js中new创建对象时带括号和不带括号有什么区别?

在JavaScript中，使用new关键字创建对象时，带括号和不带括号有着重要的区别。让我们详细解释这两种情况的差异：

1. 不带括号的new操作符

当使用new操作符创建对象时，后面紧跟的是一个构造函数，构造函数可以带有参数。如果不带括号，语法如下：

javascript
复制代码
let obj = new Constructor;

• 作用：创建一个新的对象，其原型链会指向构造函数的prototype属性。
• 参数传递：如果构造函数需要参数，可以直接在构造函数后面跟随参数列表。
• 示例：

javascript
复制代码
function Car(make, model) {
    this.make = make;
    this.model = model;
}

let myCar = new Car('Toyota', 'Camry');

在这个例子中，new Car('Toyota', 'Camry')调用了Car构造函数，并传递了'Toyota'和'Camry'作为参数，创建了一个名为myCar的新对象。

2. 带括号的new操作符

如果在new操作符后面加上括号，即new Constructor()，这意味着：

• 调用构造函数：括号中的参数将会作为构造函数的参数传递给构造函数。
• 返回值：如果构造函数有返回值，并且返回的是一个对象，则new Constructor()表达式的结果将是这个对象。如果返回的不是对象（例如基本类型值），则忽略返回值，仍返回通过new创建的新对象。
• 示例：

javascript
复制代码
function Person(name) {
    this.name = name;
    return { greeting: 'Hello ' + name };
}

let person1 = new Person('Alice');
console.log(person1); // 输出: { greeting: 'Hello Alice' }

在这个例子中，new Person('Alice')调用了Person构造函数，并返回了一个新的对象{ greeting: 'Hello Alice' }，而不是通过this关键字添加属性到新对象。

总结区别

• 参数传递：不带括号的new操作符直接将参数传递给构造函数，带括号则将参数传递给构造函数调用。
• 返回值处理：带括号的new操作符可以改变构造函数返回的对象。

在日常开发中，大多数情况下，我们使用不带括号的new操作符来创建对象，因为这是最常见和直观的方式，也能正常处理构造函数的参数传递和原型链设置。