我们常用的实现方法可能是这样的:
function
Field(val){
var value = val;
this .getValue = function (){
return value;
};
this .setValue = function (val){
value = val;
};
}
var field = new Field( " test " );
field.setValue( " test2 " )
field.getValue() // return "test2"
var value = val;
this .getValue = function (){
return value;
};
this .setValue = function (val){
value = val;
};
}
var field = new Field( " test " );
field.setValue( " test2 " )
field.getValue() // return "test2"
标准的Get和Set访问器的实现:
function
Field(val){
this .value = val;
}
Field.prototype = {
get value(){
return this ._value;
},
set value(val){
this ._value = val;
}
};
var field = new Field( " test " );
field.value = " test2 " ;
// field.value will now return "test2"
this .value = val;
}
Field.prototype = {
get value(){
return this ._value;
},
set value(val){
this ._value = val;
}
};
var field = new Field( " test " );
field.value = " test2 " ;
// field.value will now return "test2"
在DOM元素上Get和Set访问器的实现:
HTMLElement.prototype.__defineGetter__(
"
description
"
,
function
() {
return this .desc;
});
HTMLElement.prototype.__defineSetter__( " description " , function (val) {
this .desc = val;
});
document.body.description = " Beautiful body " ;
// document.body.description will now return "Beautiful body";
return this .desc;
});
HTMLElement.prototype.__defineSetter__( " description " , function (val) {
this .desc = val;
});
document.body.description = " Beautiful body " ;
// document.body.description will now return "Beautiful body";
通过Object.defineProperty实现访问器:
Object.defineProperty(obj, prop, descriptor)
参数:
obj:目标对象
prop:需要定义的属性或方法的名字。
descriptor:目标属性所拥有的特性。
可供定义的特性列表:
- value:属性的值
- writable:如果为false,属性的值就不能被重写。
- get: 一旦目标属性被访问就会调回此方法,并将此方法的运算结果返回用户。
- set:一旦目标属性被赋值,就会调回此方法。
- configurable:如果为false,则任何尝试删除目标属性或修改属性以下特性(writable, configurable, enumerable)的行为将被无效化。
- enumerable:是否能在for...in循环中遍历出来或在Object.keys中列举出来。
var
lost
=
{
loc : " Island "
};
Object.defineProperty(lost, " location " , {
get : function () {
return this .loc;
},
set : function (val) {
this .loc = val;
}
});
lost.location = " Another island " ;
// lost.location will now return "Another island"
loc : " Island "
};
Object.defineProperty(lost, " location " , {
get : function () {
return this .loc;
},
set : function (val) {
this .loc = val;
}
});
lost.location = " Another island " ;
// lost.location will now return "Another island"