JS的对象(不只是Object)可以像html元素对象一样,添加任意的自定义属性值。也就是说JS的对象,天生都是Key/Value ,在遍历属性时,expando导入属性和prototype导入属性存在了混淆。

 

js的prototype特性对对象的扩充非常的方便,所以我们在制作一些jst类库的时候,一般都会使用prototype特性为对象添加方法,比如我们对Object进行如下prototype扩充:

Object.prototype.GetValue=function(){}

Object.prototype.Method=function(){}

Object.prototype.QequestData=function(){}

这个时候如果再使用Object作为items结构来使用,我们就会遇到遍历这个items的错误,看下面的代码:

var objItems = {};

objItems["1"] = "1111";

objItems["2"] = "2222";

objItems["3"] = "3333";

遍历这个集合:

function DisplayItems(obj) {

var values = [];

for (var key in obj) {

values.push(obj[key]);

}

return values;

};

获取值如下图:

prototype与expando属性的遍历_prototype实例

由于prototype属性的优先级很高,在对象实例生成的时候就expand到对象实例中去了。所以我们建立的任何一个对象,都会包含相同的prototype属性。这样一来就好办了,我们把objItems中的prototype属性找出来过滤掉就行了呗。参考代码如下

function GetExpandAttr(items) {

var values = [];

var obj = new items.constructor();

for (var key in items) {

if (obj[key] != items[key]) {

values.push(items[key]);

}

}

return values;

};

遍历结果如下图:

 

prototype与expando属性的遍历_expando_02

$(document).ready(function () {

$("#btn1").click(function () {

alert(DisplayItems(objItems));

});

$("#btn2").click(function () {

alert(GetExpandAttr(objItems));

});

});