Javascript: Heredar + modificar matriz asociativa?
-
01-10-2019 - |
Pregunta
Estoy buscando una manera elegante para anular valores en una matriz asociativa.
Por ejemplo, decir que tengo mis opciones de base como:
var base_options = {
hintText:"something",
borderStyle:Titanium.UI.INPUT_BORDERSTYLE_ROUNDED,
width: 200, height: LABEL_HEIGHT-4,
font: {fontSize:16}, left: 95
}
Quiero usar esto como la base, pero ser capaz de anular algunos artículos en esta base sobre una base de caso por caso - por ejemplo, hintText sería diferente para cada elemento. ¿Cuál es una manera limpia y elegante para obtener una copia de esta matriz con unos parámetros modificados?
Me doy cuenta de que puedo cambiar cada elemento individual, como en:
options.hintText = "new thing";
pero sospecho que hay una manera más elegante.
Solución
Se podría utilizar una clase base para encapsular el comportamiento Weston proponer.
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"});
El trabajo debe.
Otros consejos
He implementado esta función en algunos de mis proyectos:
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;
};
}
Por lo tanto, ahora puedo usarlo como:
Object.merge(options, {hintText: "new thing", left: 55});
En cuanto a la copia de objetos, ya hay una buena Stackoverflow discusión al respecto.
Algo como esto?
var changed_options = {
hintText: "somethingElse",
font: {fontSize: 24}
}
for(var prop in changed_options)
base_options[prop] = changed_options[prop];
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;
}
Si se esté utilizando jQuery, se ha incorporado un método extend
en el objeto jQuery que hace esto.
Se podría utilizar prototipo del objeto de establecer la herencia, así:
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 continuación, si tiene alguna A
objeto que acaba de llamar B = inherit_from(A, B_stuff)
y eso es todo.
Una ventaja es que, debido a A
es el prototipo de B
, los cambios realizados a A
se reflejan en B
.
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);
Esto puede parecer una exageración, pero luego se puede añadir todos los nuevos casos de una matriz y utilizar un bucle para ellos cuando se quiere / necesidad de cambiarlos.