javascript 中的getter,setter

本文轉載自查看原文 2013-12-18 13:43 22798 javascript

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>

結果：

100

101

200

201

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 JavaScript getter和setter Javascript自己動手實現getter/setter Object.definedProperty()中的getter與setter個人理解 java setter與getter方法 Java getter和setter使用 Vue setter/getter 是何原理？ Python的getter和setter方法 golang自動生成setter和getter js中的訪問器屬性中的getter和setter函數實現數據雙向綁定 Intellij Idea中定制getter setter的模板, 將代碼都生成為一行