IE8对JS通过属性和数组遍历解析不一样的地方探讨

198 阅读 0 评论 131 点赞

我是靠谱客的博主简单发箍，最近开发中收集的这篇文章主要介绍IE8对JS通过属性和数组遍历解析不一样的地方探讨，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

以文谨记在此被浏览器版本差异的坑。

复制代码代码如下:

 
Array.prototype.Contains = function (str) { 
if (!str) 
return false; 
for (var i = 0; i < this.length; i++) { 
if (this[i] == str) { 
return true; 
} 
} 
return false; 
} 
var tmp = new Array(); 
tmp.push("1"); 
tmp.push("2"); 
tmp.push("3"); 
alert("遍历属性"); 
for ( var i in tmp ) { 
alert(tmp[i]); 
} 
alert("遍历数组"); 
for ( var i=0;i<tmp.length;i++ ) { 
alert(tmp[i]); 
} 

如果是非IE8浏览器，例如（IE7、IE9、Chrome、FF，仅测试这几种）
通过属性和数组遍历，其结果是一样的。
但对于IE8，结果会有一点小小的差异，在IE8下会把原型链扩展方法当做一个属性输出，大家可以测试一下。

之所以发现这个差异，也是因为解决了一个诡异的bug，有同事在代码里面使用for ( var i in tmp )这种方式来遍历数组的每个元素，如果正好对Array定义了原型链方法，则会发生这个问题。
所以建议：如果遍历数组元素，还是应该采用标准的写法 for ( var i=0;i<tmp.length;i++ )。