getter和setter的理解（数据响应式补充）

对getter和setter的理解

我们知道，对象属性是由名字、值和一组特性构成的。在ECMAScript 5中，属性值可以用一个或两个方法替代，这两个方法就是getter和setter。由getter和setter定义的属性称做“存取器属性”，它不同于“数据属性”，数据属性只有一个简单的值。

当程序查询存取属性的值时，JavaScript 调用getter方法（无参数）。这个方法的返回值就是属性存取表达式的值。当程序设置一个存取器属性的值时，JavaScript调用setter方法，将赋值表达式右侧的值当作参数传入setter。从某种意义上讲，这个方法负责“设置”属性值。可以忽略setter方法的返回值。

怎样创建getter和setter方法

1、可以使用关键字 get/set 分别创建getter 和setter 2、Object.defineProperty() 方法

使用Object 全局对象的 defineProperty() 方法来为已有的对象设置属性实际上，Object.defineProperty() 不仅可以用于已有的对象上，也可以为新对象设置getter 和 setter。这种方式非常强大，特别是你想使用属性描述符时，例如 writable 或者 configurable。

对于存取器属性来说，对它进行读/写属性时，其结果却是可以有开发者自定义的。即给了开发者自己去定义“读/写”独享的属性这个两种操作的具体行为的权力，使得灵活性大大提高。

var a={ name:'xiaozhang', set pro(v){ console.log("value is "+v); }, get pro(){ return 'pro'; } } a.pro=3; // value is 3 a.pro; // pro

创建JavaScript对象时 getter 和 setter 不是必须的，不过它们在许多场景下很有用。最常见的使用场景是 （1）以安全的方式访问属性（2）在获取和设置属性值之前增加额外的处理逻辑。