你的JS for ...in异常，是否是因为你用了Array.prototype？

最新推荐文章于 2024-02-23 19:34:48 发布
最新推荐文章于 2024-02-23 19:34:48 发布
阅读量500 收藏
点赞数
分类专栏： js学习之路 文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhao_xinhu/article/details/106153918
版权

今天突然发现页面上的for ...in异常，debug之后，发现for...in 遍历出来一个函数，而这个函数是我自己扩展到Array.prototype。

那么为什么会遍历到我们自己扩展到原型上的属性呢？

 js中遍历Object属性（Array也是Object）时，有个前提条件，会遍历该对象属性中enumerable为true（也就是可枚举）的属性

那么我们再扩展到Array原型属性时，一定要加上enumerable: false，可以直接通过Object.defineProperty(obj, prop)这个方法，默认就是enumerable: false（不允许该属性被for...in枚举）

详细查看Object.defineProperty(obj, prop, descriptor)

zhao_xinhu
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
数组Array进行原型prototype扩展后带来的for in遍历问题
09-05
不同的程序语言都有多种循环语句，而且功能是差不多的，当然使用场合还是有些区别的，比如for与for in，for in比较好用，它不需要预先知道对象属性的长度。
javascript for in 循环时，会取到Array.prototype
weixin_30268071的博客
01-16 171
/** *删除数组指定下标或指定对象 */ if(!Array.prototype.remove){ Array.prototype.remove = function(obj){ for(var i =0;i < this.length;i++){ var temp = this[i]; ...
“The `Array.prototype` contains unexpected enumerable properties: add； thus breaking e.g. `for...in`
词不达意难知的博客
11-09 557
"The `Array.prototype` contains unexpected enumerable properties: add; thus breaking e.g. `for...in` iteration of `Array`s."
解决Array.prototype扩展后出现bug（weixin公众号【图说GIS】）
ONEGISER的博客
03-02 569
for (let i in this.positions) { //为了防止别人用了Array.prototype扩展后出现bug if (!isNaN(Number(i))) {} } 在线代码
JavaScript实现的in_array函数
12-09
接下来，我们使用一个`for`循环遍历数组，比较当前元素`this`（在上下文中，指调用`in_array`的值）是否等于数组中的某个元素： ```javascript for (var i = 0, k = arr.length; i ; i++) { if (this === arr[i]) ...
javascript中判断一个值是否在数组中并没有直接使用
10-27
另外，对于大型数组，使用`Array.prototype.includes`（ES6引入）或`Array.prototype.indexOf`（ES5引入）可能更高效，因为它们是原生方法，执行速度更快。例如： ```javascript var arr = ['blue', 'red', '110', ...
javascript函数速查手册.rar
01-03
- 循环控制：`for`, `for...in`, `for...of`, `while`, `do...while` - 数组操作：`Array.prototype.map()`, `filter()`, `reduce()`, `slice()`, `concat()` 2. **对象与原型链**： - 对象创建：`{key: value}`...
misc-js-work:其他JavaScript问题
05-19
对象可以通过键值对存储数据，可以使用for...in循环遍历对象，但需要注意遍历顺序不可靠。 以上只是JavaScript众多知识点的一部分，"misc-js-work"项目可能包含了更多实际问题的解决方案，例如DOM操作、正则表达式...
JS扩展Array.prototype引发的问题及解决方法
weixin_33936401的博客
05-21 594
遇到的问题 一上班收到个bug，写的表单联动插件在ie里面会出现js源码，当时有点意外，从没出现过这问题。 问题的原由 为什么会出现一个function呢？其它调用的插件的页面为什么没有这问题？ 控制台输出了一下json的for in结果，发现莫名其妙的多了个indexOf的方法。 原来是页面里其它的js文件扩展了Array.prototype的属性。 解决方法1.遍历数组for ...
细说Array.prototype.slice.call
weixin_34267123的博客
01-15 82
前言 总觉得这个方法比较眼熟，但是不知道这个方法是干什么用的，那我们今天就来剖析一下这个方法 基本语法的讲解 Array.prototype.slice() Array是一个构造函数，原型中带有的slice方法就是我们平常用来切割数组用的，之后会返回一个数组，不清楚的朋友可以去MDN上看一下，MDN之slice call和apply call和apply、bind这已经是老生常谈的问题了，...
Prototype源码浅析——Enumerable部分之each方法
weixin_30703911的博客
01-16 72
　　在javascript中，根本找不到Enumerable的影子，因为这一块是Prototype作者从Ruby中借鉴过来的。并且Enumerable在实际中根本没有直接应用的机会，都是混入到其他的对象中，可以说是其他对象的一个“父类”（不过只是调用了Object的extend方法，进行了方法的直接拷贝而已）。 　　我并不熟悉Ruby，不过看Enumerable中的一些方法，倒是跟Python中...
prototype.js开发笔记
十二棵橡树
01-01 1266
prototype.js开发笔记--------------------------------------------------------------------------------覆盖版本 1.3.11. Prototype是什么?或许你还没有用过它， prototype.js 是一个由Sam Stephenson写的JavaScript包。这个构思奇妙编写良好的一段兼容标准的一段代码
Array对象原型新增方法导致的for...in遍历问题与解决方案
最新发布
LETEfly的博客
02-23 359
为了确保自定义原型方法不被遍历，拿主要的思路就是将这个方法改为不可枚举的属性。我们可以通过来定义。通过修改不可枚举属性不仅不会出现在for...in循环中，也不会被和包含。
JS知识全汇总精选（快速复习就靠它了，建议收藏！！）
m0_58620483的博客
09-09 1033
js gitee
Array.prototype
火星男孩的分享空间
02-27 3191
所有的数组实例都继承于 Array.prototype。所有的数组方法都定义在 Array.prototype 身上， 和其他的构造函数一样，你可以通过扩展 Array 的 prototype 属性上的方法来给所有数组实例增加方法。Array.prototype 本身也是个数组。 Array.isArray(Array.prototype); // true属性Array.prototype.co...
Prototype.js 开发与应用指南
这份笔记详细地涵盖了Prototype.js的核心内容，对于学习和使用Prototype.js进行Web开发具有很高的参考价值。通过学习这些知识点，开发者可以更好地掌握如何利用Prototype简化DOM操作，实现更高效、更简洁的Ajax应用...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值