9

我倾向于用以下方式编写对象构造函数：

function Person(name) {
    this.name = name;
}
Person.prototype.greet = function () {
    alert("Hello! My name is " + this.name + ".");
};

我注意到一些 JavaScript 库和框架添加了一些额外的代码，如下所示：

var Person = (function () {
    function Person(name) {
        this.name = name;
    }
    Person.prototype.greet = function () {
        alert("Hello! My name is " + this.name + ".");
    };
    return Person;
})();

我知道自动执行匿名函数的作用和用途。我目前看不到的是在定义构造函数及其原型时它提供了什么优势或好处。

编辑＃1：

我知道模块模式及其优点，并且在我的编码中经常使用它。我在沟通中的错误并不清楚我的第一个代码示例不应该在全局范围内。我总是将所有外部 JavaScript 文件包装在一个自动执行的匿名函数中，以在代码上强制执行本地范围。

例如：

;(function ( window, undefined ) {
    var p = function (name) {
        this.name;
    };
    p.prototype.greet = function () {
        alert("Hello! My name is " + this.name + ".");
    };
    window.Person = window.Person || p;
})(window);

问题是我已经看到了在这样一个匿名函数中使用的第二个代码示例中显示的技术。

例如：

;(function ( window, undefined ) {
    var p = (function () {
        var q = function (name) {
            this.name = name;
        };
        q.prototype.greet = function () {
            alert("Hello! My name is " + this.name + ".");
        };
        return q;
    })();
    window.Person = window.Person || p;
})(window);

这就是我对这项技术的重要性感到茫然的地方。

4

4 回答 4

1

第二种方法，模块模式，更便携。请注意，您可以命名Person任何您想要的名称。

在第一种方法中，您必须跟踪每次出现的Person，并注意在将构造函数+原型复制到另一个项目时不要意外删除部分方法。

第二种方法有一个额外的优势：您可以使用本地/临时/丢弃变量，这些变量可用于在命名空间上动态定义常量/方法/属性。

于 2012-02-15T22:02:06.770 回答
1

它实际上是一个命名空间，不是吗？

于 2012-02-15T22:03:09.453 回答
0

这是我的同事的答案，他不仅对 JavaScript 了如指掌，而且对浏览器中所有各种 JavaScript 引擎的工作原理都了如指掌，他告诉我，这种代码模式是一种不必要且过于防御性的方式来定义使用的对象处理允许范围蔓延的某些 JavaScript 解析器（他特别引用了 Opera 版本）中的错误。这听起来当然是一个合理的答案......

于 2012-04-13T16:03:50.473 回答
0

我更喜欢第一个解决方案，更少的代码对我来说更清晰。

仅当您经常将代码复制粘贴到其他库时，我才能更好地看到第二种解决方案，但我认为这不是一个很好的理由

于 2012-02-15T22:04:41.430 回答