JavaScript中判断函数是new还是()调用的区别说明

JavaScript中，我们可以通过判断一个函数是通过new关键字调用还是直接使用函数名加括号调用来区分不同的调用方式，从而进行不同的操作。

判断函数是通过new关键字调用还是直接使用函数名加括号调用的步骤如下：

1. 首先，我们需要先了解JavaScript中几个概念：构造函数、原型对象和实例对象。

2. 构造函数：构造函数是用于创建实例对象的函数，在JavaScript中通常以大写字母开头。

3. 原型对象：原型对象是构造函数的属性，它会被实例对象所共享。
4. 实例对象：实例对象是由构造函数创建的对象，每个实例对象都有自己的属性和方法。

例如下面这个构造函数：

function Person(name) {
    this.name = name;
}

Person.prototype.sayHello = function() {
    console.log('Hello, ' + this.name);
}

我们定义了一个Person构造函数，它接受一个name参数并将其保存为实例对象的属性。此外，我们还在构造函数的原型对象中定义了一个sayHello方法，该方法用于向控制台输出一条问候语。

1. 接下来，我们可以使用JavaScript中的instanceof运算符来判断一个实例对象是不是由一个特定的构造函数创建的。例如：

var person1 = new Person('Mark');
console.log(person1 instanceof Person); // true

这里我们创建了一个名为person1的实例对象，并判断它是否由Person构造函数创建，结果是true。

如果我们直接调用Person函数并不使用new关键字，例如：

var person2 = Person('Tom');
console.log(person2); // undefined
console.log(name); // Tom

我们会发现person2是undefined，并且name变量已经被定义为'Tom'。这是因为在这种情况下，函数会作为普通函数被调用，不会返回一个实例对象。因此，我们需要使用严格模式来避免忘记使用new关键字，例如：

function Person(name) {
    'use strict';
    if (!(this instanceof Person)) {
        throw new Error('Constructor cannot be called as a function');
    }
    this.name = name;
}

var person2 = Person('Tom');

在这个例子中，我们增加了一个if语句来判断当前函数是否通过new关键字调用，如果不是，则抛出一个错误。这种方式可以在传入错误的参数时提供更好的错误提示，避免程序的错误行为。

综上所述，正确的方式是应该使用new关键字来调用构造函数，以避免程序出现错误行为。