Firefox下使用getter和setter

最新推荐文章于 2025-08-08 17:07:36 发布

weixin_30515513

最新推荐文章于 2025-08-08 17:07:36 发布

阅读量97

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/mxw09/archive/2010/04/12/1710618.html

本文介绍了如何在JavaScript中通过__defineGetter__和__defineSetter__方法来扩展对象属性，并展示了如何使用getter和setter方法来操作对象的属性值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在火狐下运行：
o = {
     value:9

}
Object.prototype.__defineGetter__("mm",function(){return "属性测试"})
alert(o.mm)

在火狐下运行，可以扩展innerText
第一种：
if(typeof(HTMLElement)!="undefined" && !window.opera)
{

  HTMLElement.prototype.__defineGetter__("innerText",function () {
    return this.textContent;
   }
  );

  HTMLElement.prototype.__defineSetter__("innerText",function (setValue) {
    this.textContent = setValue;
  });
}
第二种：
if(typeof HTMLElement!="undefined"){
        HTMLElement.prototype.innerText
        getter = function(){
                var tmp = this.innerHTML.replace(/<br>/gi,"\n");
                return tmp.replace(/<[^>]+>/g,"");
        }

        HTMLElement.prototype.innerText
        setter = function(txtStr){
                var parsedText = document.createTextNode(txtStr);
                this.innerHTML = "";
                this.appendChild( parsedText );
        }
}

使用getter和setter(尽量不要这样使用，因为在JavaScript 1.5的开发过程中，有一种简短的使用类似getter = 或者 setter = 定义对象的方法。这样的语法在JavaScript 1.5版本中会获

得一个警告，以后的版本也不会支持，所以我们要避免这样的语法出现。)：
var o = {
   a:7,
   //下面两句是其实是实现对象的num属性
   get num() { return this.a+1; },
   set num(x) { this.a = x/2; }
};
o.num=100;
alert(o.num)//在火狐中弹出51

转载于:https://www.cnblogs.com/mxw09/archive/2010/04/12/1710618.html