Javascript学习笔记之 对象篇（四） : for in 循环

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Javascript学习笔记之 对象篇（四） : for in 循环，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1427字，纯文字阅读大概需要3分钟。

内容图文

先上范例：

// Poisoning Object.prototype
Object.prototype.bar = 1;

var foo = {moo: 2};
for(var i in foo) {
 console.log(i); // prints both bar and moo
}

这里我们要注意两点，一是 for in 循环会忽略 enumerable 设置为 false 的属性。例如一个数组的 length 属性。第二是，由于 for in 会遍历整个原型链，所以当原型链过长时，会对性能造成影响。

 enumerable 是个很陌生的词汇，实际上，你很难在 javascript 中发现它的影子，而它实际上也是作者从 ruby 中借鉴而来的。创建 enumerable 的目的不是为了独立使用，而是采用“混用”的方式，而 Prototype 中很多方法都混用了 enumerable，所以它可以说是 prototype 的奠基石。这里不做详细介绍，详细内容可以参考 - Enumerable。
由于我们没法改变 for in 循环本身的行为，所以我们只能采取其他方法来过滤掉那些不希望出现在循环内的属性，通过 《Javascript学习笔记之对象篇（三） : hasOwnProperty》 我们知道 hasOwnProperty 方法是可以做到这一点的。

使用 hasOwnProperty 过滤

仍然使用上个例子：

// Poisoning Object.prototype
Object.prototype.bar = 1;

var foo = {moo: 2};
 for(var i in foo) {
 if (foo.hasOwnProperty(i)) {
  console.log(i);
 }
 }

这是唯一正确的写法，由于我们实用了 hasOwnProperty 方法，所以这次只输出 moo。如果不适用 hasOwnProperty 方法，那么当 Object.prototype 扩展时，就会出现错误。
现在很多框架都会选择从 Object.prototype 扩展方法，所以我们使用这些框架时，如果使用没有用 hasOwnProperty 过滤的 for in 循环时就会遇到问题。

总结

建议养成 hasOwnProperty 过滤属性的好习惯，不要对运行环境做任何假设，也无论原生的原型对象是否被扩展。

内容总结

以上是互联网集市为您收集整理的Javascript学习笔记之 对象篇（四） : for in 循环全部内容，希望文章能够帮你解决Javascript学习笔记之 对象篇（四） : for in 循环所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端