javascript 中的get()与set()

最新推荐文章于 2024-05-15 11:23:48 发布

PHP__廊外诗鸽

最新推荐文章于 2024-05-15 11:23:48 发布

阅读量902

点赞数

分类专栏： javascript 文章标签： javascript getter setter

本文链接：https://blog.csdn.net/tashanhongye/article/details/74202388

版权

javascript 专栏收录该内容

29 篇文章 3 订阅

订阅专栏

在《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高级程序设计》第三版

PHP__廊外诗鸽

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript 中的get()与set()

在《javascript高级程序设计》中的第六章讲到访问器属性，其中讲到get()与set()方法。在此我只是把其中的例子拿出来看一看。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title></head><body><script type="text/javascript">
复制链接

扫一扫

专栏目录