Firefox 中 __defineGetter__和__defineSetter__ 方法解析

__defineGetter__和__defineSetter是 Firefox 支持的2个方法, 他们可以为对象增加额外的属性, 来访问和加工对象的成员属性值.

首先__defineGetter__方法可以为调用他的对象追加一个属性, 属性的名称就是该方法的第一个参数, __defineGetter__的第二个参数为一个函数他的返回值决定了这个getter属性的值, 通常返回值为对象的某一成属性员的值, 或者根据对象的一个或多个成员属性值计算得来的结果, 你也可以返回你定义其他和对象成员无关的数值. 不过实际情况中前2种的情况要多一些.

HTMLElement.prototype.__defineGetter__("tagname",function(){
       return this.tagName
});

<div id="s"></div>

document.getElementById("s").tagname;   //output DIV

而__defineSetter__则定义了一个属性, 通过改变这个属性的值可以改变相关对象成员的属性值. 和__defineGetter__一样__defineSetter__方法也有2个参数, 第一个为属性的名称, 第二个参数定义了为相关成员赋值的方法. 当把一个值赋给对象的这个setter属性时等号右侧的值会作为参数传入赋值的函数参与对对象成员的赋值.

Array.prototype.__defineSetter__('setlLen',function(x){
      this.length = x;
});

var arr = [1,2,3,4,5];

arr.setlLen=2;
alert(foo); // output 1,2