JavaScript对象访问器有哪些

本篇内容主要讲解“JavaScript对象访问器有哪些”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习”JavaScript对象访问器有哪些”吧!

JavaScript访问器（Getter和Setter），ECMAScript 5（2009）介绍了Getter和Setters。 Getters和setter允许您定义对象访问器（Computed Properties）。

JavaScript Getter（get关键字）

JavaScript Getters和Setters
 Getters和setter允许您通过方法获取和设置属性。
此示例使用lang属性获取语言属性的值。

JavaScript Setter (set关键字)

 JavaScript Getters和Setters 
 Getters和setter允许您通过方法获取和设置属性。
此示例使用lang属性设置语言属性的值。

使用JavaScript函数还是Getter？

这两个例子之间有什么区别？

示例1：

var person = {  firstName: "John",  lastName : "Doe",  fullName : function() {    return this.firstName + " " + this.lastName;  }};// 使用方法显示对象的数据：document.getElementById("demo").innerHTML = person.fullName();

示例2：

var person = {  firstName: "John",  lastName : "Doe",  get fullName() {    return this.firstName + " " + this.lastName;  }};// 使用getter显示来自对象的数据：document.getElementById("demo").innerHTML = person.fullName;

示例1将fullName作为函数访问：person.fullName（）。示例2将fullName作为属性访问：person.null 　　null

JavaScript对象访问器有哪些