好程序员web前端学习路线之在JavaScript中使用getters和setter

　　 好程序员 web前端学习路线之 在 JavaScript中使用getters和setter， 大多数面向对象的编程语言都存在 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对象时，您不一定必须使用getter和setter，但在许多情况下它们可能会有所帮助。最常见的用例是（1）保护对数据属性的访问，以及（2）在获取或设置其值之前向属性添加额外的逻辑。

来自 “ ITPUB博客 ” ，链接：http://blog.itpub.net/69913892/viewspace-2652274/，如需转载，请注明出处，否则将追究法律责任。

转载于:http://blog.itpub.net/69913892/viewspace-2652274/