ECMAScript5新增对象语法糖getter和setter

Posted 2020-06-21 追梦子

在新的ECMAScript5中新添加了两个语法糖，这两个语法糖是这样的。

var obj = (function(){
    var num = 10;
    return {
        get n(){
            return num;
        },
        set n(v){
            num = v;
        }
    };
}());

console.log(obj.n);
obj.n = 20;
console.log(obj.n);

get表示读取某个值，实际上get和set的实现就是一个函数，注意这两个方法只能在对象中用，另外需要把:去掉，以前我们写对象属性需要加冒号，用这两个方法不需要加。

上面代码中的n不是固定的，随便写。

那有什么用？

你也可以认为没用，它只是提供了新的一种写法，比如我们以前获取函数的值是需要加()的，有了这个我们可以和获取一个对象的属性一样。

另外需要注意的是set 的会忽略return的值，因为set只是用来改变一个值的，return没有多大意义。