ECMAScript5新增对象语法糖getter和setter

在新的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没有多大意义。

原文地址:https://www.cnblogs.com/pssp/p/5264248.html