JS扩展Array.prototype引发的问题及解决方法

最新推荐文章于 2023-11-09 10:26:44 发布
最新推荐文章于 2023-11-09 10:26:44 发布
阅读量594 收藏
点赞数
文章标签： javascript json ViewUI

遇到的问题

一上班收到个bug，写的表单联动插件在ie里面会出现js源码，当时有点意外，从没出现过这问题。

问题的原由

为什么会出现一个function呢？其它调用的插件的页面为什么没有这问题？

控制台输出了一下json的for in结果，发现莫名其妙的多了个indexOf的方法。

原来是页面里其它的js文件扩展了Array.prototype的属性。

解决方法1.遍历数组for var代替for in

原来就看过一篇文章说Array对象不要用for in来遍历,今天果然遇到这问题了。

解决方法2.hasOwnProperty

hasOwnProperty：是用来判断一个对象是否有你给出名称的属性或对象。不过需要注意的是，此方法无法检查该对象的原型链中是否具有该属性，该属性必须是对象本身的一个成员。

解决方法3.不要给Array.prototype填加属性

不修改扩充原生js的属性，这是我能做到的，但不能约束别人，所以还是用前两种方法吧。

 

weixin_33936401
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
prototype.js开发笔记
十二棵橡树
01-01 1266
prototype.js开发笔记--------------------------------------------------------------------------------覆盖版本 1.3.11. Prototype是什么?或许你还没有用过它， prototype.js 是一个由Sam Stephenson写的JavaScript包。这个构思奇妙编写良好的一段兼容标准的一段代码
为JS扩展Array.prototype.indexOf引发的问题探讨及解决
12-10
Array没有indexOf方法，这样在一个数组中查找某个元素的索引时比较麻烦，为了调用方便，于是通过prototype原型扩展了Array.prototype.indexOf()，这样用起来就比较方便了。但是这个自定义的indexOf在对数组进行遍历...
为JS扩展Array.prototype.indexOf引发的问题及解决办法
12-08
Array没有indexOf方法，这样在一个数组中查找某个元素的索引时比较麻烦，为了调用方便，于是通过prototype原型扩展了Array.prototype.indexOf()，这样用起来就比较方便了。但是这个自定义的indexOf在对数组进行遍历的时候却出现了问题。 代码如下: Array.prototype.indexOf = function(item) {  for (var i = 0; i < this.length; i++) {  if (this[i] == item)  return i;  }  return -1;  } 用的时候直接 代码如下:
解决Array.prototype扩展后出现bug（weixin公众号【图说GIS】）
ONEGISER的博客
03-02 569
for (let i in this.positions) { //为了防止别人用了Array.prototype扩展后出现bug if (!isNaN(Number(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
火星男孩的分享空间
02-27 3191
所有的数组实例都继承于 Array.prototype。所有的数组方法都定义在 Array.prototype 身上， 和其他的构造函数一样，你可以通过扩展 Array 的 prototype 属性上的方法来给所有数组实例增加方法。Array.prototype 本身也是个数组。 Array.isArray(Array.prototype); // true属性Array.prototype.co...
Array.prototype.slice.apply的使用方法
09-05
`Array.prototype.slice.apply` 是 JavaScript 中一种巧妙的技巧，它允许我们借用 `Array.prototype.slice` 方法来处理非数组对象，尤其是 `arguments` 对象。`arguments` 是一个伪数组对象，它在每个函数内部可用，...
Array和 Array.prototype 的定义
DWForYou_DJF
01-07 559
Array 对象是用于构造数组的全局对象，数组是类似于列表的高阶对象 Array.prototype 属性表示 Array 构造函数的原型，并允许您向所有Array对象添加新的属性和方法。 获取相应的属性名称 Object.getOwnPropertyNames(Array) //[ "length", "name", "prototype", "isArray", "from", "of"...
JavaScript 扩展数组方法 - prototype
Mark
11-07 752
Array 内置了很多方法，但是它无法满足所有用户的需求，这时可以为 Array 对象扩展方法，提高代码重用率。扩展数组的方法一般通过为 Array 对象定义原型方法来实现，这些原型方法能够被所有数组对象继承。 Array.prototype.hello = function(){ //定义Array对象的原型方法 alert("Hello world"); } //上面3行代...
你的JS for ...in异常，是否是因为你用了Array.prototype？
zhao_xinhu的博客
05-16 500
今天突然发现页面上的for ...in异常，debug之后，发现for...in 遍历出来一个函数，而这个函数是我自己扩展到Array.prototype。 那么为什么会遍历到我们自己扩展到原型上的属性呢？ js中遍历Object属性（Array也是Object）时，有个前提条件，会遍历该对象属性中enumerable为true（也就是可枚举）的属性 那么我们再扩展到Array原型属性时，一定要加上enumerable: false，可以直接通过Object.defineProperty(obj, .
处理浏览器兼容所遇到的问题总结(一)
xyr05288的专栏
06-13 9920
之前开发项目时，前端调试都是以google chrome浏览器为准，现需处理浏览器兼容问题，现将遇到的问题总结如下：一. firefox 浏览器div下的table无水平滑动条<div id="tableContainer" style="height:420px;width:100%;" class="table-responsive"> <table id="demoTable" class=
初次使用DataTables的错误：: Unable to get property 'mData' of undefined or null reference
L'Étranger的博客
12-18 1874
这是HTML的Table格式书写不规范造成的，下面的红色部分加上就可以。 <table id="example" class="table table-striped table-bordered"> <thead> <tr> <th>ID</th&g...
Uncaught Error: Syntax error, unrecognized expression: # 错误的解决方法
热门推荐
洞庭儿女
02-22 1万+
JS这个问题，有很多种情况！ 我现在遇到的这个情况，就是我的JQ版本使用不当造成的！ 我的JQ文件是自己建立一个，JQ.txt 然后，再打开JQuery 的原码，复制，粘贴到 JQ.txt ，再改为 JQ.js 在开发项目中进行引用！ 解决方法： 删掉JQ.js 在JQuery.COM下载一个对应的版本，替换掉原来的文件，就不显示这个错误了！ ==================================================================== 如...
ajax交互扩展遇到的问题,为JS扩展Array.prototype.indexOf引发的问题探讨及解决
weixin_34044889的博客
08-07 210
Array没有indexOf方法，这样在一个数组中查找某个元素的索引时比较麻烦，为了调用方便，于是通过prototype原型扩展了Array.prototype.indexOf()，这样用起来就比较方便了。但是这个自定义的indexOf在对数组进行遍历的时候却出现了问题。Array没有indexOf方法，这样在一个数组中查找某个元素的索引时比较麻烦，为了调用方便，于是通过prototype原型扩展...
数组Array进行原型prototype扩展后带来的for in遍历问题
Kinshan的博客
03-29 725
不同的程序语言都有多种循环语句，而且功能是差不多的，当然使用场合还是有些区别的，比如for与for in，for in比较好用，它不需要预先知道对象属性的长度。 通常在JavaScript中用for与for in遍历数组结果是没有什么区别的，它的循环变量i都是从0开始的数组索引（for in如果遍历的是非数组对象的属性集合，则这个i就是属性名，或称之为key）。另外要注意一点是：用for in遍历
JS-Array.prototype 中的方法的坑
anleng6817的博客
03-03 261
fill() 今天刷 HackerRank 的题遇到需要创建链表数组（一维数组的每一项是个链表）的题。 众所周知 JS 中的数组可以当链表用，我就用如下代码进行创建 let seqs = (new Array(5)).fill([]) 运行时结果很是诡异，经调试发现这数组这五项指向的是同一个数组，看来 fill 方法并不是每次都创建新的数组。 然后我又尝试使用let seqs = (ne...
Array.prototype.reduce.call中的.reduce.call
07-12
`Array.prototype.reduce.call` 是一个高级的 JavaScript 技巧，用于在类数组对象上调用 `reduce` 方法。 首先，`Array.prototype.reduce` 是 JavaScript 数组的原型方法，用于对数组的每个元素进行迭代，并返回一...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值