我们先来看一个例子:
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()); // 4alert(demo2Obj.val);//undefined
在Demo2中,实例化对象后发挥的是一个新的结构体,该结构体中的方法可以访问到他被创建时的上下文,就是我们所说的闭包。我们可以调用该闭包中的函数getValue,获取在实例化时传入的参数val的值。
注:这里在闭包中访问到的值,也不是该属性值的拷贝,而是其本身,因而increment中是可以对其进行修改的。
而且value的值是无法在外部直接获取到的,这就实现了对象属性的封装,同时也可以通过闭包的形式对其进行相应权限的操作。
总之,私有化属性的方法就是不将属性直接定义在this对象上,而是放到整个函数的局部变量中。
js私有化属性
时间: 2024-10-12 09:30:45