Javascript:Inherit+；修改关联数组？_Javascript

Javascript:Inherit+；修改关联数组？

javascript

Javascript:Inherit+；修改关联数组？,javascript,Javascript,我正在寻找一种优雅的方法来覆盖关联数组中的值例如，假设我的基本选项为： var base_options = { hintText:"something", borderStyle:Titanium.UI.INPUT_BORDERSTYLE_ROUNDED, width: 200, height: LABEL_HEIGHT-4, font: {fontSize:16}, left: 95 } 我想使用它作为基础，但能够根据具体情况覆盖此基础中的一些项目-例如，

我正在寻找一种优雅的方法来覆盖关联数组中的值

例如，假设我的基本选项为：

var base_options = {
    hintText:"something",
    borderStyle:Titanium.UI.INPUT_BORDERSTYLE_ROUNDED,
    width: 200, height: LABEL_HEIGHT-4,
    font: {fontSize:16}, left: 95
}

我想使用它作为基础，但能够根据具体情况覆盖此基础中的一些项目-例如，hintText对于每个项目都是不同的。在修改一些参数的情况下，获得此数组副本的干净而优雅的方法是什么

我意识到我可以更改每个项目，如：

options.hintText = "new thing";

但我怀疑还有更优雅的方式。

像这样的吗

var changed_options = { 
   hintText: "somethingElse",
   font: {fontSize: 24} 
}

for(var prop in changed_options) 
    base_options[prop] = changed_options[prop];

像这样的

var changed_options = { 
   hintText: "somethingElse",
   font: {fontSize: 24} 
}

for(var prop in changed_options) 
    base_options[prop] = changed_options[prop];

如果您碰巧正在使用jQuery，它在jQuery对象上有一个内置的

extend

方法来执行此操作

var base_options = function() { 
    hintText:arguments[0], 
    borderStyle:arguments[1], 
    width:arguments[2],
    height:arguments[3], 
    font:arguments[4]
    left:arguments[5]
};

var thisObj = new base_option(blah, blah, blah, blah, blah);

如果您碰巧正在使用jQuery，它在jQuery对象上有一个内置的

extend

方法来执行此操作

var base_options = function() { 
    hintText:arguments[0], 
    borderStyle:arguments[1], 
    width:arguments[2],
    height:arguments[3], 
    font:arguments[4]
    left:arguments[5]
};

var thisObj = new base_option(blah, blah, blah, blah, blah);

这可能看起来有些过分，但您可以将所有新实例添加到一个数组中，并在需要更改它们时使用for循环

这可能看起来有些过分，但您可以将所有新实例添加到一个数组中，并在需要更改它们时为它们使用for循环。

我已经在我的一些项目中实现了此功能：

if (typeof Object.merge !== 'function') {
    Object.merge = function (o1, o2) { // Function to merge all of the properties from one object into another
        for(var i in o2) { o1[i] = o2[i]; }
        return o1;
    };
}

所以，现在我可以像这样使用它：

Object.merge(options, {hintText: "new thing", left: 55});

至于复制对象，已经有了一个很好的方法。

我已经在我的几个项目中实现了这个功能：

if (typeof Object.merge !== 'function') {
    Object.merge = function (o1, o2) { // Function to merge all of the properties from one object into another
        for(var i in o2) { o1[i] = o2[i]; }
        return o1;
    };
}

所以，现在我可以像这样使用它：

Object.merge(options, {hintText: "new thing", left: 55});

至于复制对象，已经有了一个很好的方法。

您可以使用基类来封装Weston propose的行为

function Options(changed_options) {
     this.hintText = "something";
     this.borderStyle =Titanium.UI.INPUT_BORDERSTYLE_ROUNDED;
     // ...

     if(changed_options)
         for(var prop in changed_options) 
             this[prop] = changed_options[prop];
}

var foo = new Options({ "hintText":"changed"});

应该有效。

您可以使用基类来封装Weston propose的行为

function Options(changed_options) {
     this.hintText = "something";
     this.borderStyle =Titanium.UI.INPUT_BORDERSTYLE_ROUNDED;
     // ...

     if(changed_options)
         for(var prop in changed_options) 
             this[prop] = changed_options[prop];
}

var foo = new Options({ "hintText":"changed"});

应该可以工作。

您可以使用对象的原型来建立继承，如下所示：

function inherited_object(extra_properties){
    for(var i in extra_properties){
        this[i] = extra_properties[i];
    }
}
function inherit_from(parent, extra_properties){
    inherited_object.prototype = parent;
    var obj = new inherited_object(extra_properties || {});
    inherited_object.prototype = null;
    return obj;
}

然后，如果你有一个对象

，你只要调用

B=inherit\u from（A，B\u stuff）

，就可以了。

一个优点是，由于

是

的原型，对

所做的更改会反映在

上