2

我的显示模块中有以下代码,但我不确定如何声明/定义imageListItem,这严格来说是一个 DTO,并不需要隐藏任何信息。我是否正确定义了这个对象?

var imageListItem = function() {
    var _title;
    Object.defineProperty(this, "title", {
        get: function () { return _title; },
        set: function (value) { _title = value; }
        }
    );
};

var imageList = (function () {
    var buffer = new CBuffer();
    return {
        populate: function (listItems) {
            buffer.push(listItems);
        },
        rotate: function() {
             buffer.rotateLeft();
        }
    }
})();

有了imageListItem,我想声明一个对象结构供以后使用。该声明在逻辑上不应依赖于该对象以后将如何使用。也就是说,我不想发现自己imageListItem意外地动态分配新属性或从中删除属性。任何对属性的赋值都应该严格地只对已经在对象上声明的属性进行。

Object.freeze()几乎可以通过防止添加或删除属性来实现这一点,但它也可以防止更改属性。

例如我想要这个:

var obj = {
  prop: function() {},
  foo: 'bar'
};

// New properties may be added, existing properties may be changed or removed
obj.foo = 'baz';
obj.lumpy = 'woof';

var o = Object.freeze(obj);

// Now any changes will fail
function fail(){
  'use strict';
  obj.delete(foo); // throws a TypeError
  obj.quaxxor = 'the friendly duck'; // throws a TypeError
}

我不想要这个:

// Now any changes will fail
function fail(){
  'use strict';
  obj.foo = 'sparky'; // throws a TypeError
}

你看?我想freeze防止quaxxor被添加到obj,但我不希望它阻止我更改 的值foo

4

1 回答 1

5

您正在寻找的可能是Object.preventExtensions()Object.seal()

与 类似Object.freeze(),这两种方法都阻止向对象添加新属性,但允许更改现有属性的值

seal和之间的区别在于preventExtensionsseal严格禁止从数据访问器删除和转换属性,而preventExtensions实际上并不阻止删除现有属性:此行为取决于您使用的 JS 引擎(某些引擎可能允许您删除财产,其他的可能没有)。

所以基本上,引用 MDN 文档:

Object.preventExtensions()方法防止新属性被添加到对象(即防止将来扩展对象)。[...]请注意,不可扩展对象的属性通常仍可能被删除

Object.seal()方法密封对象,防止向其添加新属性并将所有现有属性标记为不可配置。当前属性的值仍然可以更改,只要它们是可写的。[...]尝试删除或向密封对象添加属性,或将数据属性转换为访问器,反之亦然,都将失败

这是一个示例来演示这两种方法的行为:

var myFirstObj = { foo: 1 },
    mySecondObj = { bar: "baz" };

Object.preventExtensions(myFirstObj);
Object.seal(mySecondObj);

myFirstObj.foo = false; // Works fine
mySecondObj.baz = "hello"; // Works fine
delete myFirstObj.foo; // May work fine depending on your JS engine

(function() {
    'use strict';
    myFirstObj.qux = 'something'; // Throws a TypeError
    mySecondObj.qux = 'something'; // Throws a TypeError
    delete mySecondObj.foo; // Throws a TypeError
})();

现在,谈论您的ImageListItem对象,您只需添加一行代码即可实现您想要的:

var ImageListItem = function() {
    var _title;
    Object.defineProperty(this, "title", {
        get: function () { return _title; },
        set: function (value) { _title = value; }
    });

    // Choose the one which fits your needs
    Object.preventExtensions(this);
    // or
    Object.seal(this);
};
于 2015-03-10T18:24:47.363 回答