js构造函数创建对象是否加new问题

深入理解JavaScript构造函数中的`new`关键字与非使用情境

当我们谈及JavaScript中的构造函数时，经常遇到一个常见的问题：在创建对象时，是否应该使用`new`关键字？今天，让我们深入这个问题，并详细其中的差异。

让我们考虑一个场景：

```javascript

function Obj(name){

// TODO: 填写代码以支持a.name = "name1"; b.name = "name2";

}

var a = Obj("name1"); // 这里并没有使用new关键字

var b = new Obj(); // 这里使用了new关键字

```

问题1：`new`操作符到底做了什么？

当我们使用`new`关键字与构造函数一起时，以下是发生的事情：

1. 创建一个新的空对象。

2. 将构造函数的`this`指针指向这个新对象。

3. 执行构造函数的代码，为新对象添加属性和方法。

4. 返回新创建的对象（如果构造函数中没有显式返回其他值的话）。

问题2：如果不使用`new`操作符直接执行构造函数会发生什么呢？

在这种情况下，构造函数就像是一个普通的函数调用一样执行。`this`关键字并不指向新创建的对象，而是指向全局对象（在非严格模式下是`window`对象，在严格模式下是`undefined`）。如果你在构造函数中为`this.name`赋值，这个赋值并不会影响任何新创建的对象，除非你在全局范围内使用这个赋值。这就是为什么直接调用构造函数后返回的变量值是`undefined`的原因。

那么，关于使用与不使用`new`的关键区别是什么呢？

如果构造函数返回的是基本数据类型（如字符串、数字等），那么无论是否使用`new`，返回的都是新创建的对象。但如果构造函数中返回的是引用类型（如数组、对象等），那么只有在使用`new`时，返回的是这个引用类型的对象。否则，返回的是构造函数的执行结果。

使用`new`关键字时，构造函数中的`this`始终指向新创建的对象。不使用`new`时，则取决于函数的调用方式。在严格模式下，不使用`new`调用构造函数时，将会抛出错误。

当你想要通过构造函数创建一个新的对象并为其添加属性和方法时，应该使用`new`关键字。如果不使用`new`关键字，那么构造函数更像是一个普通的函数，而不是一个用于创建对象的工厂函数。希望这篇文章能帮助你更好地理解JavaScript中的构造函数和`new`关键字的使用情境。如果你有任何疑问或需要进一步讨论的地方，请在下方留言区留言。感谢你对狼蚁SEO的支持和关注！