如何有条件地向javascript对象文字添加属性

Question

我正在尝试执行以下操作以满足代码构建器的要求（具体来说是Sencha Cmd）。

这是我需要做的本质。关键因素是函数体必须以返回对象文字结束。由于生成器中的限制，我无法返回变量。那么，如果参数includeB为true，如何在下面的伪代码点添加属性“b”，但如果为false，则根本不添加属性。不允许ie b==未定义或b==null。

也许这是不可能的。

function create(includeB) {
        // Can have code here but the final thing MUST be a return of the literal.
        // ...
    return {
        a : 1
        // pseudo code:
        // if (includeB==true) then create a property called b 
        // and assign a value of 2 to it. 
        // Must be done right here within this object literal
    }
}

var obj = create(false);
// obj must have property 'a' ONLY

var obj = create(true);
// obj must have properties 'a' and 'b'

感谢阅读和考虑，

默里

Answer 1

您不能将布尔逻辑放入javascript文字定义中。因此，如果您的构建器要求返回的对象只能定义为javascript文字，那么您不能以这种方式有条件地定义属性。

如果您可以在函数中创建一个对象，使用逻辑修改该对象，然后返回该对象，那么这很容易。

function create(includeB) {
    var x = {
        a: 1
    };
    if (includeB) {
        x.b = 2;
    }
    return x;
}

您的另一个选择是包装创建函数并在创建函数之外执行。

function myCreate(includeB) {
    var x = create(includeB)
    if (includeB) {
        x.b = 2;
    }
    return x;
}

或者，您甚至可以透明地包装create函数，以便调用者仍然使用create（），但它的行为已被更改。

var oldCreate = create;
create = function(includeB) {
    var x = oldCreate(includeB);
    if (includeB) {
        x.b = 2;
    }
    return x;
}

Answer 2

您几乎已经展示了构造函数的用例，而不是使用对象文字：

function CustomObject(includeB) {
    this.a = 1;
    if (includeB) {
        this.b = 2;
    }
}

//has `a` only
var obj1 = new CustomObject(false);

//has `a` and `b`
var obj2 = new CustomObject(true);

重新阅读您的问题后，似乎您在修改函数方面的访问权限有限。如果我正确理解了您的问题，您只能更改脚本的有限部分：

function create(includeB) {
    // modifications may be done here

    // the rest may not change
    return {
        a : 1
    }
}

var obj = create(false);
// obj must have property 'a' ONLY

var obj = create(true);
// obj must have properties 'a' and 'b'

如果是这种情况，那么您可以简单地跳过函数的后面部分：

function create(includeB) {
    if (includeB) {
        return {
            a: 1,
            b: 2
        };
    }
    return {
        a: 1
    };
}

Answer 3

如果可以使用ES6，请使用排列属性。

function create(includeB) {
    return {
        a : 1,
        ...(includeB ? { b: 2 } : {}),
    };
}