Javascript 构造函数中的Getter/setter
我最近读到一个事实，即有可能在JavaScript中定义getter/setter。这似乎非常有用——setter是一种“助手”，它可以在实际设置之前先解析要设置的值 例如，我目前有以下代码：Javascript 构造函数中的Getter/setter,javascript,prototype,constructor,getter-setter,Javascript,Prototype,Constructor,Getter Setter,我最近读到一个事实，即有可能在JavaScript中定义getter/setter。这似乎非常有用——setter是一种“助手”，它可以在实际设置之前先解析要设置的值 例如，我目前有以下代码： var obj = function(value) { var test = !!value; // 'test' has to be a boolean return { get test() { return test }, set test(value
var obj = function(value) {
var test = !!value; // 'test' has to be a boolean
return {
get test() { return test },
set test(value) { test = !!value }
};
};
var instance = new obj(true);
值instance.test=0instance.test===falseobjobj实例。funcobj.prototype.func = function() { console.log(this.value); };
实例objinstanceobjvar obj = function() {
...
Object.defineProperties(this, {
"test": {
"get": function() { ... },
"set": function() { ... }
}
});
}
obj.prototype.func = function() { ... }
var o = new obj;
o.test;
o.func();
我知道这可能已经非常晚了，但我找到了一种不同的方法来实现你想要的，为了像我这样的人，在谷歌上搜索答案
function Constructor(input){
this.input = input;
}
Object.__defineGetter__.call(Constructor.prototype, "value", function(){
return this.input * 2;
});
var test = new Constructor(5);
alert(test.value) // 10
我已经在chrome、safari、mobile safari和firefox上测试过了，它们都能正常工作（当然是最新版本）@Alex我认为这是更多的选择和更强大的功能，编程是艺术，@Nat与我们分享他的发现，为此我感谢他。也许有人想这样做 我确信setter的版本是一样的，只是把g改成了s i、 g: 尽管如此，此功能已被弃用，建议不要在生产编码中使用。ES6更新——请参阅Alex Rauschmayer的《探索ES6》一书的第19.3.1节，该书演示了如何使用带getter和setter的weakmap来保存私有数据。与第16.2.2.3节相结合会产生类似的结果
# module test_WeakMap_getter.js
var _MyClassProp = new WeakMap();
class MyClass {
get prop() {
return _MyClassProp.get( this );
}
set prop(value) {
_MyClassProp.set( this, value );
}
}
var mc = new MyClass();
mc.prop = 5 ;
console.log( 'My value is', mc.prop );
$ node --use_strict test_WeakMap_getter.js
My value is 5
function TheConstructor(side) {
this.side = side;
}
Object.defineProperties(TheConstructor.prototype, {
area: {
get: function() { return this.side * this.side; }
,set: function(val) { this.side = Math.sqrt(val); }
}
});
// Test code:
var anInstance = new TheConstructor(2);
console.log("initial Area:"+anInstance.area);
anInstance.area = 9;
console.log("modified Area:"+anInstance.area);
initial Area:4
modified Area:9
function configureMe() {
return 42;
}
Object.defineProperties(TheConstructor.prototype, {
memoizedConfigParam: {
get: function() {
delete TheConstructor.prototype.memoizedConfigParam;
return TheConstructor.prototype.memoizedConfigParam = configureMe();
}
,configurable: true
}
});
// Test code:
console.log("memoizedConfigParam:"+anInstance.memoizedConfigParam);
memoizedConfigParam:42
memoizedCalculation 2:8
memoizedCalculation 3:27
memoizedCalculation:8
>Uncaught TypeError: Cannot assign to read only property 'memoizedCalculation' of object '#<TheConstructorJ>'
false
function TheConstructorI(side) {
this.side = side;
Object.defineProperties(this, {
memoizedCalculation: {
get: function() {
delete this.memoizedCalculation;
return this.memoizedCalculation = this.expensiveOperation();
}
,configurable: true
}
});
}
TheConstructorI.prototype.expensiveOperation = function() {
return this.side * this.side * this.side;
}
//Test code:
var instance2 = new TheConstructorI(2);
var instance3 = new TheConstructorI(3);
console.log("memoizedCalculation 2:"+instance2.memoizedCalculation);
console.log("memoizedCalculation 3:"+instance3.memoizedCalculation);
memoizedConfigParam:42
memoizedCalculation 2:8
memoizedCalculation 3:27
memoizedCalculation:8
>Uncaught TypeError: Cannot assign to read only property 'memoizedCalculation' of object '#<TheConstructorJ>'
false
function TheConstructorJ(side) {
this.side = side;
Object.defineProperties(this, {
memoizedCalculation: {
get: function() {
delete this.memoizedCalculation;
Object.defineProperty( this, 'memoizedCalculation'
,{ value : this.expensiveOperation()
,writable : false
});
return this.memoizedCalculation;
}
,configurable: true
}
});
}
TheConstructorJ.prototype.expensiveOperation = function() {
return this.side * this.side * this.side;
}
//Test code:
var instanceJ = new TheConstructorJ(2);
console.log("memoizedCalculation:"+instanceJ.memoizedCalculation);
instanceJ.memoizedCalculation = 42; // results in error
memoizedConfigParam:42
memoizedCalculation 2:8
memoizedCalculation 3:27
memoizedCalculation:8
>Uncaught TypeError: Cannot assign to read only property 'memoizedCalculation' of object '#<TheConstructorJ>'
false
memoizedConfigParam:42
memoizedCalculation 2:8
memoizedCalculation 3:27
memoizedCalculation:8
>Uncaught TypeError: Cannot assign to read only property 'memoizedCalculation' of object '#<TheConstructorJ>'
false
IAM_AL_X这很有效。虽然打字要多一些，但还是有一个清晰的解决方案。这很好。我希望语法更简洁一点，但它可以工作。我有点希望你能像使用普通函数一样使用
this.myProp=get（）{}defineProperties（）