Javascript中getter和setter的理解与应用

时间:2016-12-04 15:31:27 类型:JS/JQUERY
字号:    

概念:getter 是一种获得属性值的方法,setter是一种设置属性值的方法。

定义的方法:

     1、在对象初始化的时候定义  

      2、在对象定义后的时候定义

<!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