JavaScript中使用new与不使用实例化对象的区别
在JavaScript中，使用new操作符可以创建一个新的实例对象。而不使用new操作符则会直接返回一个值或者执行一个函数。这两种方式看起来很相似，但是它们之间有很大的区别。
使用new创建实例对象
使用new操作符创建实例对象时，会调用构造函数并返回一个新的实例对象。例如：
-------- ------------ - --------- - ----- - ----- ------ - --- --------------- ------------------------- -- ------- ------
在这个例子中，Person是一个构造函数，传入参数name并将其赋值给实例对象的属性this.name。使用new操作符创建一个新的实例对象后，我们可以访问它的属性name。
不使用new直接调用函数
如果没有使用new操作符创建实例对象，那么该函数就会被当做普通的函数来调用。例如：
-------- ------ -- - ------ - - -- - ----- --- - ------ --- ----------------- -- ------- -
在这个例子中，add是一个简单的函数，在调用时传入参数1和2并返回它们的和。
区别与指导意义
使用new操作符创建实例对象时，会发生以下几件事情：
- 创建一个新的空对象。
- 将该空对象的原型指向构造函数的原型。
- 将构造函数的
this指向该空对象，并执行构造函数内部的代码。 - 返回该空对象。
因此，使用new操作符创建实例对象时，我们可以访问实例对象的属性和方法。
不使用new操作符，则不会创建新的实例对象，而是直接返回一个值或者执行一个函数。这时，我们无法访问到实例对象的属性和方法。
对于初学者来说，可能很难分辨何时应该使用new操作符来创建实例对象。以下是一些指导意义：
- 如果你要创建一个类似于JavaScript中的类的对象，那么你应该使用
new操作符来创建实例对象。例如，在React中，我们使用new操作符来创建组件的实例对象。 - 如果你只需要简单地调用一个函数并返回一个值，那么你不需要使用
new操作符。
不遵守这些指导原则可能会导致程序错误或产生不可预测的结果。
示例代码
-------- --------- ------ ----- - --------- - ----- ---------- - ------ --------- - ----- - ----- ---- - --- ------------ --------- ------ ------------------ -- ------- - ----- -------- ------ --------- ----- ---- - ----- ---- - ------------- -------- ------ ------------------ -- ------- --------- ------------------ -- ------- -------- ------------------- -- ------- ------- ------------------ -- ------- ----
在这个例子中，我们定义了一个Car构造函数，将传入的参数分别赋值给实例对象的属性。使用new操作符创建一个新的实例对象后，我们可以访问它的属性make、model和year。
然而，如果不使用new操作符直接调用Car函数，则不会创建新的实例对象。相反，我们只是调用了该函数，并将传入的参数作为局部变量使用。
注：本文只涉及JavaScript中使用new与不使用实例化对象的区别，而非其他语言的面向对象编程思想。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/3391