javascript 中的getter,setter

最新推荐文章于 2025-06-27 09:00:49 发布

chelen_jak

最新推荐文章于 2025-06-27 09:00:49 发布

阅读量391

点赞数

分类专栏： JavaScript

JavaScript 专栏收录该内容

311 篇文章

订阅专栏

本文详细介绍了JavaScript中getter和setter的概念及其使用方法。通过两个示例展示了如何在对象初始化时定义getter和setter，并且如何在对象定义后进行定义。此外还提供了具体的代码实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

原文出处： http://www.cnblogs.com/yupeng/p/3480196.html

1.什么是getter，什么是setter？

　　getter 是一种获得属性值的方法，setter是一种设置属性值的方法。

2.怎么定义？

　　有2种办法：

在对象初始化的时候定义
在对象定义后的时候定义

3.例子：

<!DOCTYPE html>
<html>
<head>
    <title>yupeng's document </title>
    <meta charset="utf-8"/>
</head>
<body>
    <script type="text/javascript">
        //demo1
        var obj = {

            val:100,
            get getval(){
                return this.val;
            },
            set setval(x){
                this.val = x;
            }
        }

        console.log(obj.getval);
        obj.setval = 101;
        console.log(obj.getval);

        //demo2
        
        var obj2 = {

            val:200
        }

        obj2.__defineGetter__('name',function(){return this.val});
        obj2.__defineSetter__('name',function(name){this.val = name;})

        console.log(obj2.name)
        obj2.name = 201;
        console.log(obj2.name);
    </script>
</body>
</html>