JavaScript訪問器怎么用

本文小編為大家詳細介紹“JavaScript訪問器怎么用”，內容詳細，步驟清晰，細節處理妥當，希望這篇“JavaScript訪問器怎么用”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學習新知識吧。

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;

讀到這里，這篇“JavaScript訪問器怎么用”文章已經介紹完畢，想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會，如果想了解更多相關內容的文章，歡迎關注億速云行業資訊頻道。