Javascript: Inherit + изменить ассоциативный массив?

Question

Я ищу элегантный способ переопределить значения в ассоциативном массиве.

Например, скажем, у меня есть свои варианты базы как:

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"; 

, но я подозреваю, что есть более элегантный способ.

Answer 1

Вы можете использовать базовый класс для инкапсуляции поведения, предлагаемого Weston.

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"}); 

Должно работать.

Answer 2

Что-то вроде этого?

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

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

Answer 3

function merge(base, options) { 
    var result = {}; 
    for (var k in base) if (base.hasOwnProperty(k)) { 
     result[k] = options[k] || base[k]; 
    } // note, it will leave out properties that are in options, but not in base.. 
    return result; 
} 

Если вам случится быть с помощью JQuery, он имеет встроенный в extend метод на объекте JQuery, что делает это.

Answer 4

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); 

Это может показаться излишним, но тогда вы можете добавить все новые экземпляры в массив и использовать для контура для них, если вы хотите/потребность изменить их.

Answer 5

Я реализовал эту функцию в некоторых из моих проектов:

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}); 

Что касается копирования объектов, уже хорошо StackOverflow discussion примерно это.

Answer 6

Вы можете использовать прототип объекта, чтобы установить наследование, например:

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; 
} 

Тогда, если у вас есть какой-то объект A вы просто позвоните B = inherit_from(A, B_stuff) и это все. Одним из преимуществ является то, что A является прототипом B, изменения сделанные в A отражены на B.