js对象的核心是一个字符串属性名与属性值的映射表。字典是可变长的字符串与值的映射集合。
js提供了枚举一个对象属性名的利器--for...in循环。
var dict={zhangsan:34,lisi:24,wangwu:62};
var people=[];
for(var name in dict){
people.push(name+":"+dict[name]);
}
people;//["zhangsan:34", "lisi:24", "wangwu:62"]
使用自定义对象
但一些自定义的对象还会继承其原型对象中的属性,for...in循环除了枚举"自身"属性外,原型链中的属性也不会放过。
function NaiveDict(){
}
NaiveDict.prototype.count=function(){
var i=0;
for(var name in this){
i++;
}
return i;
};
NaiveDict.prototype.toString=function(){
return '[Object NaiveDict]';
};
var dict=new NaiveDict();
dict.zhangsan=24;
dict.lisi=34;
dict.wangwu=62;
dict.count();//5
上面的代码,实例化一个dict对象,并添加了私有属性(zhangsan,lisi,wangwu)并继承了原型对象的方法(toString,count),所以当调用count方法时,这个时候的for...in循环,不仅枚举了了私有属性也枚举了原型对象的方法属性(zhangsan,lisi,wangwu,toString,count)。
使用数组类型
利用js的灵活性,我们可以给任意的类型的对象添加属性,因此给数组添加属性似乎能工作。
var dict=new Array();
dict.zhangsan=24;
dict.lisi=34;
dict.wangwu=62;
dict.zhangsang;//24
当我们给数组的原型对象添加一些原型方法,这个时候我们再枚举上面的dict对象的属性时,错误就出现了。
Array.prototype.first=function(){
return this[0];
};
Array.prototype.last=function(){
return this[this.length-1];
};
Array.prototype.eq=function(idx){
if(idx<0)idx=this.length+idx;
return this[idx];
运行一下枚举
var names=[];
for(var name in dict){
names.push(name);
}
names;//["zhangsan", "lisi", "wangwu","first","last"]
如何正确使用轻量级字典
要使用轻量级字典,最主要的是应该仅仅将Object的直接实例作为字典,而不是子类,或其它对象。
上面的数组的例子可以改成下面这些的代码
var dict={};
dict.zhangsan=24;
dict.lisi=34;
dict.wangwu=62;
dict.zhangsang;
var names=[];
for(var name in dict){
names.push(name);
}
names;//["zhangsan", "lisi", "wangwu"]
使用轻量级字典的缺点:还是无法避免对于Object.prototype对象的修改,但可以将风险仅仅局限在Object.prototype。
优点:虽说所有人都可以修改Object.prototype对象,也会对for...in循环造成影响。但相比之下,增加属性到Array.prototype中是合理的。如之前给不支持数组标准方法的环境中将这些方法增加到Array.prototype中。这些属性也会导致for...in循环,坚持Object的直接实例原则,可以使得for...in循环摆脱原型污染的影响。