defineGetter和defineSetter

最新推荐文章于 2021-02-18 18:36:14 发布

cindylu520

最新推荐文章于 2021-02-18 18:36:14 发布

阅读量254

点赞数

CC 4.0 BY-SA版权

分类专栏： JS 文章标签： IE prototype Firefox JavaScript ViewUI

本文链接：https://blog.youkuaiyun.com/cindylu520/article/details/83555033

JS 专栏收录该内容

15 篇文章

订阅专栏

本文介绍了JavaScript中的Getter和Setter方法的使用方式，包括如何为对象定义这些方法来控制属性的读取和设置，并提供了一个兼容IE和Firefox浏览器的示例。

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

Getter是一种获取一个属性的值的方法，Setter是一种设置一个属性的值的方法。可以为任何预定义的核心对象或用户自定义对象定义getter和setter方法，从而为现有的对象添加新的属性。
有两种方法来定义Getter或Setter方法：
在对象初始化时定义
在对象定义后通过Object的__defineGetter__、__defineSetter__方法来追加定义

要注意的就是getter方法没有参数，setter方法必须有一个参数，也就是要设置的属性的新值。

__defineGetter__和__defineSetter__是Firefox的特有方法，可以利用来它自定义对象的方法。众所周知，IE和FF中的JS很多区别：例如IE中的innerText方法和FF中的textContent方法对应，IE中的srcElement和FF中target对象等。以及一些IE的专有特性：outerHTML，canHaveChildren等。
接下来我们就利用__definGetter__和definSetter__来实现兼容IE和FF：
这里仅为了说明用法,只举一个简单的例子,兼容IE,FF innerText:

<div id="odiv">Hello</div>
<script type="text/javascript">
<!--
if(!/*@cc_on!@*/0){ //如果不是IE
    HTMLElement.prototype.__defineGetter__("innerText", function(){
        return this.textContent;
    });

    HTMLElement.prototype.__defineSetter__("innerText", function(s){
        this.textContent = s;
    })
    
}
window.onload = function(){
// innerText在IE,FF下均有效了.
alert(document.getElementById("odiv").innerText);
document.getElementById("odiv").innerText = "world"
}
//-->
</script>