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;