javascript 中的get()与set()

来源：互联网发布：广州电脑数据恢复编辑：程序博客网时间：2024/06/01 10:14

在《javascript高级程序设计》中的第六章讲到访问器属性，其中讲到get()与set()方法。在此我只是把其中的例子拿出来看一看。

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title></title></head><body><script type="text/javascript">    var book={        _year:2004,        edition:1    };    Object.defineProperty(book,"year",{        get:function(){            return this._year;        },        set:function(newValue){            if(newValue>2004){                this._year=newValue;                this.edition+=newValue-2004;            }        }    });    book.value=2005;    document.write(book.edition);</script></body></html>

output：
2

上述代码中book对象包含两个默认的普通属性，一个是：__year,一个是：edition;后面紧接着定义了一个访问器属性:year,注意：这里的year与上文的__year是没有关系的。而一个访问器属性对应着一个getter()函数与一个setter()函数。而这里的getter()与setter()可以说是匿名函数；

特别强调：

1：一个对象内，每个变量只能有一个getter或setter；2：删除getter或setter的唯一方法是：delete object[name]。delete可以删除一些常见的属性，getters和setters。3：如果使用__defineGetter__或__defineSetter__，它会重写之前定义的相同名称的getter或setter，甚至是属性(property)。4：还有一点要注意的就是getter方法没有参数，setter方法必须有一个参数，也就是要设置的属性的新值。

参照资料：
1：http://blog.csdn.net/orichisonic/article/details/50426542
2：http://blog.csdn.net/qq_34986769/article/details/51983449
3：《javascript高级程序设计》第三版

阅读全文

0 0