访问器(Getter 和 Setter)

JavaScript 访问器(Getter 和 Setter)
 
为什么使用 Getter 和 Setter?
 
它提供了更简洁的语法
 
它允许属性和方法的语法相同
 
它可以确保更好的数据质量
 
有利于后台工作
 
JavaScript Getter(get 关键词)
 
本例使用 lang 属性来获取 language 属性的值。
 
实例
 
// 创建对象:
 
var person = {
 
  firstName: “Bill”,
 
  lastName : “Gates”,
 
  language : “en”,
 
  get lang() {
 
    return this.language;
 
  }
 
};
 
// 使用 getter 来显示来自对象的数据:
 
document.getElementById(”demo”)。innerHTML = person.lang;
 
JavaScript Setter(set 关键词)
 
本例使用 lang 属性来设置 language 属性的值。
 
实例
 
var person = {
 
  firstName: “Bill”,
 
  lastName : “Gates”,
 
  language : “”,
 
  set lang(lang) {
 
    this.language = lang;
 
  }
 
};
 
// 使用 setter 来设置对象属性:
 
person.lang = “en”;
 
// 显示来自对象的数据:
 
document.getElementById(”demo”)。innerHTML = person.language;
 
JavaScript 函数还是 Getter?
 
下面两个例子的区别在哪里?
 
例子 1
 
var person = {
 
  firstName: “Bill”,
 
  lastName : “Gates”,
 
  fullName : function() {
 
    return this.firstName + ” ” + this.lastName;
 
  }
 
};
 
// 使用方法来显示来自对象的数据:
 
document.getElementById(”demo”)。innerHTML = person.fullName();
 
例子 2
 
var person = {
 
  firstName: “Bill”,
 
  lastName : “Gates”,
 
  get fullName() {
 
    return this.firstName + ” ” + this.lastName;
 
  }
 
};
 
// 使用 getter 来显示来自对象的数据:
 
document.getElementById(”demo”)。innerHTML = person.fullName;

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h64471.shtml

张贴在3