怎么在JavaScript中使用getters和setter

这篇文章主要讲解了“怎么在JavaScript中使用getters和setter”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“怎么在JavaScript中使用getters和setter”吧!

十多年的桥西网站建设经验,针对设计、前端、开发、售后、文案、推广等六对一服务,响应快,48小时及时工作处理。营销型网站建设的优势是能够根据用户设备显示端的尺寸不同,自动调整桥西建站的显示方式,使网站能够适用不同显示终端,在浏览器中调整网站的宽度,无论在任何一种浏览器上浏览网站,都能展现优雅布局与设计,从而大程度地提升浏览体验。创新互联公司从事“桥西网站设计”,“桥西网站推广”以来,每个客户项目都认真落实执行。

大多数面向对象的编程语言都存在getter和setter,包括JavaScript。它们是代码构造,可帮助开发人员以安全的方式访问对象的属性。使用getter,您可以从外部代码访问(“获取”)属性的值,而setter允许您更改(“设置”)它们的值。我们将向您展示如何在JavaScript中创建getter和setter。

JavaScript对象可以具有多个属性和存储的静态数据和动态功能的方法。属性是静态键值对,而方法是特定于对象的函数。

例如,Car.color可以是属性,而Car.drive()可以是Car对象的方法。使用getter,您可以访问Car对象的color属性,使用setter,您可以修改其值(例如,从蓝色变为黑色)。

使用getter和setter,您只能获取和设置属性的值,而不能获取方法,因为方法不是静态的。

您可以通过三种不同的方式创建getter和setter:

  1. 使用默认方法语法(getter和setter方法),

  2. 使用get和set关键字,

  3. 使用Object.defineProperty()方法。

  

Getters和Setters

Getters和Setters使你可以快速获取或设置一个对象的数据。一般来说,一个对象拥有两个方法,分别用于获取和设置某个值,比如:

{

getValue: function(){

return this._value;

},

setValue: function(val){

this._value = val;

}

}

用这种方式写JavaScript的一个明显的好处是:你可以用它来隐藏那些不想让外界直接访问的属性。

吸气方法

获取对象属性的最简单方法是使用每个属性的默认方法语法定义getter。让我们看一个如何使用这种技术创建getter的示例。该MYCAR对象有两个属性:颜色和制作。这是您使用对象文字创建它的方法:

var myCar = {   

    color:“blue”,

    make:“Toyota”

};

如果需要,可以使用以下代码直接访问颜色并创建属性:

myCar.color;

// 蓝色

myCar.make;

//丰田

尽管这种技术有效,但使用getter而不是直接调用属性具有许多优点。例如,您可以在检索其值之前对属性执行操作或检查(例如  if-else语句)。 

关于get关键字最重要的一点是它定义了一个访问器属性,而不是一个方法。因此,它不能与存储其访问的值的数据属性具有相同的名称。在上面的代码中,defColor 和defMake是数据属性,而color和make是访问器属性。

这也是为什么你需要使用在getter名称之后不使用括号的属性语法来调用getter的原因(例如myCar.color)。

由于旧版IE8不支持get关键字,因此如果您需要支持旧版浏览器,请使用getter方法。

感谢各位的阅读,以上就是“怎么在JavaScript中使用getters和setter”的内容了,经过本文的学习后,相信大家对怎么在JavaScript中使用getters和setter这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是创新互联,小编将为大家推送更多相关知识点的文章,欢迎关注!


网页名称:怎么在JavaScript中使用getters和setter
网站地址:http://pwwzsj.com/article/gdhgep.html