js私有化属性

浏览数：32 / 时间：2015年06月09日

我们先来看一个例子：

var Demo1 = function(val){
      this.value = val;
      this.getValue = function(){
            return this.value;  
    }    
};

var demo1Obj = new Demo1(1);
alert(demo1Obj.value); // 1
demo1Obj.value = 0;
alert(demo1Obj.getValue()); // 0

Demo1的对象都会有一个value属性，在new的时候进行初始化。但是value本身却不是私有属性，我们可以通过‘.value‘的方式直接访问改属性。

但是如何将value属性私有化呢？

这里主要问题就是定义value变量直接定义在了this对象的属性上，这就让每个Demo1的对象都拥有了value属性，

其实我们可以将value定义为只存在于对象初始化时，让value变成Demo1函数中的局部变量，这样其他在函数外部就访问不到了，同时我们也给于其对象以访问该属性的接口

如：

var Demo1 = function(val){
      var value = val;
      this.getValue = function(){
            return value;  
      };
      this.increment = function(inc){
           value += inc;
      }
};

var demo1Obj = new Demo1(1);
alert(demo1Obj.value); // 0
demo1Obj.value = 0;
demo1Obj.increment(4);
alert(demo1Obj.getValue()); // 5

其实我们可以用到闭包的知识，

如下例所示：

var Demo2 = function(val){
　　var value = val;
    return {
　　　　 increment: function(inc){
　　　　　 if(typeof inc === ‘number‘){
　　　　　　　　value += inc;
　　　　　　}
　　　　 },
        getValue : function(){
            return val;
        }
    }
};

var demo2Obj = new Demo2(4);
alert(demo2Obj.getValue());  // 4
alert(demo2Obj.val);//undefined