首页 > 解决方案 > 使用扩展运算符将参数分配给 ES5 构造函数中的新对象?

问题描述

构造函数接受具有多个属性的选项对象。如何在不指定每个对象的情况下将它们分配给新创建的对象?

这是我失败的尝试

function Client(options) {
    const defaultOptions = { 
        host: '127.0.0.1',
        port: 1905,
        loggerFn: console.log,
        maxTime: 60000, 
        startFromTransactionId: 1 
    };
    this = { ...defaultOptions, ...userOptions, ...this }
}

ReferenceError:分配中的左侧无效

我认为这行得通,但我希望有一个使用扩展运算符的更简单的解决方案

function Client(options) {
    const defaultOptions = { 
        host: '127.0.0.1',
        port: 1905,
        loggerFn: console.log,
        maxTime: 60000, 
        startFromTransactionId: 1 
    };

    for (prop in defaultOptions) {
        if (defaultOptions.hasOwnProperty(prop)) {
            this[prop] = options[prop] ? options[prop] : defaultOptions[prop];
        }
    }
}

标签: javascriptecmascript-5

解决方案


使用Object.assign应该可以解决问题:

function Client(userOptions) {
    const defaultOptions = { 
        host: '127.0.0.1',
        port: 1905,
        loggerFn: console.log,
        maxTime: 60000, 
        startFromTransactionId: 1 
    };
    Object.assign(this, { ...defaultOptions, ...userOptions });
}

推荐阅读