纱的美:JavaScript中Get和Set访问器的兑现

  前少上IE9
Beta版发布了,对于从业Web开发之心上人等吧真是只好信息啊,希望将来时有发生一致上各个浏览器都能够按照统一的业内。今天要同豪门享用的是JavaScript中的Get和Set访问器,和C#惨遭之访问器非常相像。

 

 规范的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"

 在如下浏览器会正常办事:

图片 1

咱们常因此底落实方式也许是这样的:

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" 

 

每当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";

在如下浏览器会健康工作:

图片 2

 

经过Object.defineProperty实现访问器

  将来ECMAScript标准的壮大对象的方法会通过Object.defineProperty来兑现,这吗是干吗IE8就是经这种艺术来落实get和set访问器,看来微软还是充分有远见卓识的,遗憾的凡当下只有IE8+和Chrome
5.0+支持,其它的浏览器还无支持,而且IE8+也止支持DOM元素,不过前的版本用和Chrome一样支持普通的Javascript对象。

DOM元素上的Get和Set访问器的贯彻

Object.defineProperty(document.body, "description", {   
    get : function () {       
        return this.desc;  
    },    
    set : function (val) { 
        this.desc = val;    
    } 
}); 
document.body.description = "Content container"; 
// document.body.description will now return "Content container"

 在如下浏览器会正常干活:

图片 3

 

寻常对象的Get和Set访问器的兑现

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"

 在如下浏览器会正常干活:

图片 4

 

正文总结

  尽管微软的IE只是支持了Object.defineProperty,没有宏观的实现Get和Set访问器,但是咱都观望了IE有矣要命要命的上扬,特别是刚刚揭晓之IE9使用的初的javascript引擎,支持HTML5和CSS3,支持硬件加速等等,相信来同样上各个浏览器还能够全拥抱标准,带来一个宏观的WEB世界。

 

参考文献:

  1. Getters and setters with
    JavaScript

  2. JavaScript Getters and
    Setters