关于js中for in的缺陷浅析
更新时间：2013年12月02日 15:07:46 作者：
这篇文章主要介绍了js中for in的缺陷，有需要的朋友可以参考一下
for in 语句用来列举对象的属性(成员)，如下
复制代码 代码如下:
var obj = { name:"jack",
getName:function(){return this.name}
};
//输出name,getName
for(var atr in obj) {
alert(atr);
}
注意了吗，没有输出obj的toString，valueOf等内置属性（或称内置成员，隐藏属性和预定义属性）。即for in用来列举对象的显示成员（自定义成员）。
如果重写了内置属性呢，下面就重写obj的toString
复制代码 代码如下:
var obj = {name:"jack",
getName:function(){return this.name},
toString:function(){return "I'm jack."}
}
for(var atr in obj) {
alert(atr);
}
会输出什么呢？
1、IE6/7/8 下和没有重写toString一样，仍然只输出name,getName
2、IE9/Firefox/Chrome/Opera/Safari下则输出name,getName,toString
如果给内置原型添加属性/方法，那么for in时也是可遍历的
复制代码 代码如下:
Object.prototype.clone = function() {}
var obj = {
name: 'jack',
age: 33
}
// name, age, clone
for (var n in obj) {
alert(n)
}
给Object.prototype添加了方法clone，for in时所有浏览器都显示了clone。
这或许还没什么，因为一般不建议去扩展内置构造器的原型，这也是Prototype.js走向没落的原因之一。jQuery和Underscore没有扩展自原型，前者在jQuery对象上做文章，后者索性将所有方法都挂在下划线上。
但有时我们为了兼容ES5或后续版本，会在不支持ES5的浏览器上（IE6/7/8）去扩展内置构造器的原型，这时for in在各浏览器中就不同了。如下
复制代码 代码如下:
if (!Function.prototype.bind) {
Function.prototype.bind = function(scope) {
var fn = this
return function () {
fn.apply(scope, arguments)
}
}
}
function greet(name) {
alert(this.greet + ', ' + name)
}
for (var n in greet) {
alert(n)
}
IE6/7/8输出了bind，其它浏览器则无。因为现代浏览器中bind是原生支持的，for in不到，IE6/7/8则是给Function.prototype添加了bind。
总结下：在跨浏览器的设计中，我们不能依赖于for in来获取对象的成员名称，一般使用hasOwnProperty来判断下。
相关文章
基于substring()和substr()的使用以及区别(实例讲解)
下面小编就为大家分享一篇基于substring()和substr()的使用以及区别实例讲解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2017-12-12
这篇文章主要介绍了倒记时60刷新网页的js代码,需要的朋友可以参考下2014-02-02
很多网站、博客把网页生成html静态页面了，以利于搜索引擎的索引排名，减轻服务器负担。静态页面由于其稳定快速更快，给用户及站长带来了方便。但评论后如何记住用户的信息呢2012-01-01
分为改变直接样式，改变className和改变cssText三种，需要的朋友可以参考下2013-05-05
JavaScript 获取当前日期时间 年月日 时分秒的方法
这篇文章主要介绍了JavaScript 获取当前日期时间年月日时分秒的方法,通过案例代码介绍了获取当前日期方法,代码简单易懂,需要的朋友可以参考下2023-10-10
今天看了javascript 高级程序设计 谈到了字符串连接的性能问题2008-11-11
这篇文章主要介绍了前端组件化基础知识，我们一起来学习前端组件化的知识，组件化在前端架构里面是最重要的部分，了解什么是组件化和一个组件的基本组成部分开始2021-04-04
这篇文章主要给大家介绍了关于JavaScript循环链表实现的相关资料,循环链表和单向链表很相似,唯一的区别是循环链表的尾节点是指向头节点的,需要的朋友可以参考下2023-07-07
微信小程序中target和currentTarget的区别小结
这篇文章主要给大家介绍了关于微信小程序中target和currentTarget区别的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-11-11
这篇文章主要介绍了JS实现页面加载完成之后自动刷新一次问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-02-02
最新评论