JavaScript中的setter和getter方法!!

       

javascript中的setter、getter是平时接触比较少的方法，其本身也并不是标准方法，只在非ie浏览器里支持（ie内核也许有其他方法可以做到呢？暂时不知其解），但是加以利用可以做许多事情，比如：

1、对数据的访问限制：

a.value是对value变量的getter方法调用，如果在getter方法实现中抛出异常，可以阻止对value变量的访问

2、对dom变量进行监听：

window.name是一个跨域非常好用的dom属性（大名鼎鼎，详见百度），如果覆盖window.name的setter实现则可以实现跨页面的内存异步通信

一.Getters和Setters

Getters和Setters使你可以快速获取或设置一个对象的数据。一般来说，一个对象拥有两个方法，分别用于获取和设置某个值，比如：

<span style="font-size:18px;">{

    getValue: function(){

        return this._value;

    },

    setValue: function(val){

        this._value = val;

    }
}</span>

用这种方式写JavaScript的一个明显的好处是：你可以用它来隐藏那些不想让外界直接访问的属性。最终的代码看起来就像下面这样（用闭包保存新创建的Filed对象的value）：

<span style="font-size:18px;">function Field(val){

    var value = val;

     

    this.getValue = function(){

        return value;

    };

     

    this.setValue = function(val){

        value = val;

    };
}
 </span>

于是我们可以这样使用：

<span style="font-size:18px;">var field = new Field("test");
field.value
// => undefined

field.setValue("test2")
field.getValue()
// => "test2" </span>

我们来模拟上例中的 “隐藏的value属性”，我们的代码就像这样：

<span style="font-size:18px;">function Field(val){

    var value = val;

     

    this.__defineGetter__("value", function(){

        return value;

    });

     

    this.__defineSetter__("value", function(val){

        value = val;

    });
}</span>

但是呢，你不喜欢这样写，而倾向在对象的prototype中定义getters和setters（私有变量写在哪并不重要），我们可以用另一种语法。

<span style="font-size:18px;">function Field(val){

    this.value = val;
}
Field.prototype = {

    get value(){

        return this._value;

    },

    set value(val){

        this._value = val;

    }
};</span>

这种语法看起来很不可思议，但是使用过一段时间之后，接受它也很容易。

接下来是另一个例子，它允许外界获取一个username数组，但是却不能获取原始的，隐藏的user对象。

<span style="font-size:18px;">function Site(users){

    this.__defineGetter__("users", function(){

        // JS 1.6 Array map()

        return users.map(function(user){

            return user.name;

        });

    };
}</span>

记住以下几点：

1. 一个对象内，每个变量只能有一个getter或setter。（因此value可以有一个getter和一个setter，但是value绝没有两个getters）
2. 删除getter或setter的唯一方法是：delete object[name]。delete可以删除一些常见的属性，getters和setters。
3. 如果使用__defineGetter__或__defineSetter__，它会重写之前定义的相同名称的getter或setter，甚至是属性(property)。

平台

支持的浏览器有：

Firefox

Safari 3+

Opera 9.5