关于Javascript模型构建的问题

Question

我正在致力于在我正在开发的网络应用程序上实现 Javascript 模型。该模型的目的是简单地保存有关页面状态的信息。我遇到过两种不同的创建模型的实现，我想知道哪一种最好用。第一个实现：

var PageInfo = function () {
    this._info = {}; 
};

PageInfo.prototype = {
    getInfo: function () {
        return this._info;
    },
    setInfo: function (updatedInfo) {
        this._info = updatedInfo;
    }
};

第二个实现：

var pageInfo = function () {
    var info = {};

    return {
        getInfo: function () {
            return info;
        },
        setInfo: function (updatedInfo) {
            info = updatedInfo;
        }
    }
};

我的另一个问题是关于 setInfo() 函数。当我发现自己更新模型时，我经常希望立即获得刚刚更改的信息。这导致我这样编写 setter 函数：

setInfo: function(updatedInfo) {
    info = updatedInfo;
    return info;
}

我在代码中实现它，如下所示：

var info = pageInfo.setInfo(newInfo);

这样可以吗还是我应该像这样实现它？：

pageInfo.setInfo(newInfo);
var info = pageInfo.getInfo();

只是尝试遵循最佳实践并避免使用可能出现的任何问题错误的实施。

Answer 1

两种实现方式都是完全可以接受的。前者会更快，尽管速度可以忽略不计，但会将其内部结构暴露给世界。这意味着任何持有 PageInfo 实例引用的变量都能够操作 _info 属性。一般来说，这不是问题，因为带有下划线 (_) 的属性被认为是私有的，应该单独保留。

后一种实现利用了称为闭包的概念。当返回一个维护对其定义范围的引用的值时，就形成了闭包。本质上，这意味着 info 变量保持活动状态。由于变量是“封闭的”，因此不可能在您提供的接口方法之外对其进行修改。根据我的经验，很少需要这样做。

关于你的第二个问题，同样可以接受。我喜欢访问器方法的接口保持一致，因此我想说 setInfo 不应返回任何内容，但每个规则都有例外。当 getInfo 返回的值与传递给 setInfo 的值不一致时，就会出现该规则的例外情况。也就是说，如果 getInfo 返回的值与传递给 setInfo 的值不同，您可能希望从 setValue 返回值。否则，调用者可以简单地重新使用传递给 setValue 的值，而不是调用 getValue。

Answer 2

第一个实现更好，因为在第二个实现中，每次调用 pageInfo 函数时，您都定义了 2 个新函数（或设置了一个闭包），而第一个实现是在原型中定义它们并重用。

对于其他问题，如果您这样做只是为了保留行，我可能会建议类似：

var info = pageInfo.setInfo(newInfo) || pageInfo.getInfo();

假设 setInfo 返回未定义。