javascript中getter和setter有什么用？

Question

getter和setter不就是赋值与获取值的意思吗？
var obj = {}; obj.name="john" 这种写法不是更简单吗？为什么还要用getter和setter呢？

Answer 1

function setter(val){
    if(checkValue(val)) {
        this.val = val
    }
}

setter和getter都用处都是对赋值和取值操作做进一层封装，在赋值之前或者赋值之后做某些操作。

Answer 2

貌似VueJS就是用getter和setter实现的双向绑定

Answer 3

可以拦截操作 做一些别的事情

var obj = {
  count: 0
}

Object.defineProperty(obj, 'count', {
  get() {
     return Number(localStorage.getItem('__OBJ.COUNT__') || 0)
  },
  set(value) {
    localStorage.setItem('__OBJ.COUNT__', value)
  },
})

案例：更加方便快捷的获取或设置 localStorage

Answer 4

seter和geter可以拦截你的赋值和获取操作.实际上你用的那个等号就可以理解成一个语法糖.

Answer 5

前面已经有人讲了拦截的作用，我这里补充一下，如有错误请指出。
当你想监控某个值是否变化，需要找到所有为这个值赋值的地方，然后在每次赋值后进行一些操作，但这样明显比较麻烦。如果用getter/setter就不需要去找赋值的地方，只需要在setter内部操作即可。