JavaScript访问器怎么用

本文小编为大家详细介绍“JavaScript访问器怎么用”，内容详细，步骤清晰，细节处理妥当，希望这篇“JavaScript访问器怎么用”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。

创新互联公司是一家以成都网站建设、网页设计、品牌设计、软件运维、网站推广、小程序App开发等移动开发为一体互联网公司。已累计为成都地磅秤等众行业中小客户提供优质的互联网建站和软件开发服务。

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访问器怎么用”文章已经介绍完毕，想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会，如果想了解更多相关内容的文章，欢迎关注创新互联行业资讯频道。

分享文章：JavaScript访问器怎么用
标题链接：https://www.cdcxhl.com/article8/iepoip.html

成都网站建设公司_创新互联，为您提供关键词优化、云服务器、品牌网站设计、网站设计公司、做网站、网站制作

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联