Question

假设我有一个Form对象，它有一个Tab对象数组。

var Tab = function (options) {
    return ($jQuery.extend(true, {
        id: 'foo',
        title: 'Foo'
    }, options));
}

var Form = function (options) {
    return ($jQuery.extend(true, {
        id: 'foo',
        tabs: [new Tab()]
    }, options));
}

我可以用这个：

var myForm = new Form({tabs: [new Tab({id: 'bar'}), new Tab({title: 'Bar'}), new Tab({id: 'bar', title: 'Bar'})]});

获得：

myForm.tabs[0] => {id: 'bar', title: 'foo'}
myForm.tabs[1] => {id: 'foo', title: 'Bar'}
myForm.tabs[2] => {id: 'bar', title: 'Bar'}

但有可能以某种方式这样做：

var myForm = new Form({tabs: [{id: 'bar'}, {title: 'Bar'}, {id: 'bar', title: 'Bar'}]});

得到相同的结果？

Answer 1

您可以循环选项卡并检查它们是否是Tab对象，例如（未测试）：

var Form = function (options) {
    if(options && options.tabs) {
        var tabs = options.tabs;
        for(var i = 0, l = tabs.length; i < l; ++i) {
            if(!(tabs[i] instanceof Tab)) {
                tabs[i] = new Tab(tabs[i]);
            }
        }
    }

    return ($jQuery.extend(true, {
        id: 'foo',
        tabs: [new Tab()]
    }, options));
}

参考：instanceof

jquery extend - 对象数组

1 个答案: