recorrer - Definición de propiedades de solo lectura en JavaScript

recorrer array de objetos javascript

Question

Dado un objeto obj , me gustaría definir una propiedad de solo lectura ''prop'' y establecer su valor a val . ¿Es esta la manera correcta de hacer eso?

Object.defineProperty( obj, ''prop'', {
    get: function () {
        return val;
    }
});

El resultado debe ser (para val = ''test'' ):

obj.prop; // ''test''
obj.prop = ''changed'';
obj.prop; // still ''test'' since it''s read-only

Este método funciona por cierto: http://jsfiddle.net/GHMjN/
No estoy seguro de si esta es la forma más fácil / más suave / más adecuada para hacerlo ...

Answer 1

Debido a los navegadores antiguos (compatibilidad con versiones anteriores) tuve que buscar funciones de acceso para las propiedades. Lo hice parte de bob.js :

var obj = { };
//declare read-only property.
bob.prop.namedProp(obj, ''name'', ''Bob'', true);
//declare read-write property.
bob.prop.namedProp(obj, ''age'', 1);

//get values of properties.
console.log(bob.string.formatString(''{0} is {1} years old.'', obj.get_name(), obj.get_age()));
//set value of read-write property.
obj.set_age(2);
console.log(bob.string.formatString(''Now {0} is {1} years old.'', obj.get_name(), obj.get_age()));

//cannot set read-only property of obj. Next line would throw an error.
// obj.set_name(''Rob'');

//Output:
//========
// Bob is 1 years old.
// Now Bob is 2 years old.

Espero que ayude.

Answer 2

En los navegadores nuevos o node.js , es posible usar Proxy para crear un objeto de solo lectura.

var obj = {
    prop: ''test''
}

obj = new Proxy(obj ,{
    setProperty: function(target, key, value){
        if(target.hasOwnProperty(key))
            return target[key];
        return target[key] = value;
    },
    get: function(target, key){
        return target[key];
    },
    set: function(target, key, value){
        return this.setProperty(target, key, value);
    },
    defineProperty: function (target, key) {
        return this.setProperty(target, key, value);
    },
    deleteProperty: function(target, key) {
        return false;
    }
});

Aún puede asignar nuevas propiedades a ese objeto, y también serían de solo lectura.

Ejemplo

obj.prop
// > ''test''

obj.prop = ''changed'';
obj.prop
// > ''test''

// New value
obj.myValue = ''foo'';
obj.myValue = ''bar'';

obj.myValue
// > ''foo''

Answer 3

En su lugar, podría utilizar la propiedad de writable del descriptor de propiedad, que evita la necesidad de un acceso de get :

var obj = {};
Object.defineProperty(obj, "prop", {
    value: "test",
    writable: false
});

Esto es ECMAScript 5, por lo que no funcionará en navegadores más antiguos.