2009-08-24 38 views
4

javascriptオブジェクトのプロパティを読み取り専用にすることはできますか?私は変更することができないプロパティを設定したい...読み取り専用プロパティ

答えて

7

可能ですが高価です。あなたが本当にプライベートメンバ変数を持った後、アクセサ機能を提供することにより、それを行うことができます。

アクセサ関数はVARオーバークロージャがあるので、作品
var NiftyThing = function() { 
    var trulyPrivateVariable; 

    trulyPrivateVariable = 5; // For instance 
    this.accessorFunction = function() { 
     return trulyPrivateVariable; 
    } 
}; 

。コストは、各インスタンスにアクセサ関数の独自のコピーがあることです。

EDIT:用途:

var n = new NiftyThing(); 
alert(n.trulyPrivateVariable); 
// Alerts "undefined" 
alert(n.accessorFunction()); 
// Alerts "5" 

は多くのためPrivate Member Variables in JavaScriptを参照してください。

+3

accessorFunctionは、決定されたユーザーによって上書きされることに注意してください、けれども。 truelyPrivateVariableには影響しませんが、accessorFunctionを呼び出すものすべてに影響します。 – cobbal

0

は、私は答えに同意し、注意したいことbob.jsサポートなど、組み込みのメカニズムのようないくつかのJavaScriptフレームワーク:

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. 

しかし、あなたは、このような特定のgetアクセサとしての特性に関する特別なニーズを持っている場合必要なときに値を取得する関数を定義することをお勧めします。

- Tengiz

0

あなたはObject.defineProperty()を利用して、このような何かを実装することができます

function blockProperties(object, properties) { 
    "use strict"; 
    // If not properties passed, then use the already defined ones: 
    if (typeof properties === "undefined") { 
     properties = object; 
    } 
    // Loop trough the properties 
    for (var property in properties) { 
     if (properties.hasOwnProperty(property)) { 
      // Make property read-only 
      Object.defineProperty(object, property, { 
       value: properties[property], 
       writable: false, 
       configurable: false, 
       enumerable: false 
      }); 
     } 
    } 
    return object; 
} 

var someObject = {}; 

blockProperties(someObject, { 
    propertie1: "someValue", 
    propertie2: "someOtherValue" 
}); 

someObject.propertie1 = "this doesn't change anything"; 

console.log(someObject.propertie1); // Output: "someValue" 

// Because "window" is also an object, you can set an only-read global var: 
blockProperties(window, { 
    onlyReadVariable: "onlyReadValue" 
}); 
関連する問題