prototype与expando属性的遍历

 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属性的优先级很高，在对象实例生成的时候就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;

};

遍历结果以下图：

 

$(document).ready(function () {

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

alert(DisplayItems(objItems));

});

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

alert(GetExpandAttr(objItems));

});

});