JavaScript对象初始化器中为属性赋值时如何执行多条语句？

如果属性只需要单语句初始化，写法很简洁：

let object = {
    array: new Array(10)
};

也可以先创建空对象再赋值，但这种写法不够紧凑：

let object = {};
object.array = new Array(10);

但如果属性需要多步计算（比如把数组初始化为全0，默认是undefined），你提到只能先创建对象再赋值：

let object = {};
object.array = new Array(10);
// 注：原代码存在问题，for...of直接赋值element不会修改数组，正确写法需遍历索引
for(let i = 0; i < object.array.length; i++){
    object.array[i] = 0;
}

你想到的立即执行函数写法可行，但还有更简洁通用的方案：

方法1：立即执行箭头函数 #

箭头函数语法比普通函数更简洁，适合这种一次性计算场景：

let object = {
    array: (() => {
        let arr = new Array(10);
        for(let i = 0; i < arr.length; i++){
            arr[i] = 0;
        }
        return arr;
    })()
};

方法2：提取辅助函数（通用且可复用） #

如果这类计算逻辑需要多次使用，抽成独立函数会更清晰易维护，这也是最通用的解决方案：

function createFilledArray(length, value) {
    let arr = new Array(length);
    for(let i = 0; i < arr.length; i++){
        arr[i] = value;
    }
    return arr;
}

// 在对象字面量中直接调用函数
let object = {
    array: createFilledArray(10, 0),
    userList: createFilledArray(5, {name: 'default'})
};

这种思路不局限于数组，任何需要多步计算的属性，都可以把逻辑封装成函数，在对象字面量里直接调用得到结果。

方法3：ES6 getter（适合动态计算场景） #

如果属性值需要在访问时动态生成（而非初始化时固定），可以用getter：

let object = {
    get array() {
        let arr = new Array(10);
        for(let i = 0; i < arr.length; i++){
            arr[i] = 0;
        }
        return arr;
    }
};

注意：每次访问object.array都会重新执行逻辑生成新数组，若需要缓存结果，可在getter内添加缓存逻辑。

补充：数组专属简化写法 #

虽然你说问题不局限于数组，但还是提一下——数组初始化可以用Array.fill()快速实现，但这是数组特有的方法，不具备通用性：

let object = {
    array: new Array(10).fill(0)
};

内容的提问来源于stack exchange，提问作者Dark Rebellion