什么时候应该在JavaScript中使用构造函数？

Question

例如，我有这个构建Car对象的函数。

function Car() {
    var honkCount = 0;
    var honkHorn = function () {
        honkCount++;
        $results.html('HONK!<br />');
    };
    return {
        get honkCount() {
            return honkCount;
        },
        honk: honkHorn
    }
}

var car = new Car(); 和var car = Car(); 似乎并没有太大的区别，我有点困惑自己。

Answer 1

简短的回答

使用new运算符和返回对象时删除它之间没有太大区别 。

引用“JavaScript Garden” ：

如果被调用的函数没有显式的return语句，那么它会隐式返回this的值 - 新对象。 在显式返回语句的情况下，该函数返回该语句指定的值，但仅当返回值是Object时。

语言规范告诉我们：

如果Type（result）是Object，则返回结果。

返回obj。

在[[construct]]算法中，该算法指定构造函数的完成方式。

---

简短介绍一下语言规范

然而，对于你雄心勃勃的类型 - 让我们一起探讨语言规范中的原因！ 我们怎么能自己解决这个问题呢？

这就是为什么我们正在评估new NewExpression ，其中newExpression是你的功能。 我通过检查新关键字在索引中的作用来到达那里。

第一：

1. 设ref是评估NewExpression的结果。

这是函数调用

然后：

2. 让构造函数为GetValue（ref）。

GetValue里面的内容是：

返回调用GetBindingValue（参见10.2.1）的结果，将getReferencedName（V）和IsStrictReference（V）作为参数传递给base。

这将返回函数本身（基于此 ）

如果Type（构造函数）不是Object，则抛出TypeError异常。

函数是JS中的对象，所以它们都很好。

如果构造函数未实现[[Construct]]内部方法，则抛出TypeError异常。

这检查它是否是一个功能。 所有函数都有一个构造方法（将函数看作构造函数，你可以尝试求值(function(){}).constructor和看看。

返回在构造函数上调用[[Construct]]内部方法的结果，不提供任何参数（即，一个空的参数列表）。

大！ 让我们看看[[construct]]作用。 它在13.3.2中定义，它说了很多东西。 累积奖金是这样的：

设result是调用F的[[Call]]内部属性的结果，将obj作为this值提供，并将传递给[[Construct]]的参数列表作为args。

如果Type（result）是Object，则返回结果。 返回obj。

丁丁丁！

所以在内部，规范说如果你的函数返回一个对象，构造函数会返回它而不是创建的对象。

注意（一个非常小的区别是当你没有处于严格模式时，使用new可能会捕到一个bug ）

---

Bonus： 这是一个很好的解释来自JavaScript garden的构造函数

Answer 2

var car = new Car(); 和var car = Car(); 似乎并没有太大的区别，我有点困惑自己。

你是对的，它们都是一样的，只是因为你从函数中返回一个对象。 从MDN文档 ：

3.构造函数返回的对象成为整个新表达式的结果。 如果构造函数未显式返回对象，则使用在步骤1中创建的对象。 （通常构造函数不返回值，但如果他们想要覆盖正常的对象创建过程，他们可以选择这样做。）

正如文档中所说， 通常构造函数不会显式返回值。

Answer 3

有人在javascript中复制了一个关于Closure的简单例子。 使用new函数的原因是创建一个闭包，但这是一个无用的例子。 这是使用Closure的更好方法。 请注意，honkCount只能访问honkHorn和get_honkCount这两个方法：

function Car() {
    var honkCount = 0;
    this.honkHorn = function () {
        honkCount++;
        $results.html('HONK!<br />');
    };
    this.get_honkCount = function() {
            return honkCount;
    };
}

var car1 = new Car();
var car2 = new Car();
car1.honkHorn();
car1.honkHorn();
car2.honkHorn();

alert('car1 honks: ' + car1.get_honkCount());
alert('car2 honks: ' + car2.get_honkCount());

因此，现在您可以看到两个对象正在跟踪那些明显作为实例化的私有变量，这要归功于honkCount的new和javascript闭包。