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

最新推荐文章于 2024-02-23 19:34:48 发布

转载最新推荐文章于 2024-02-23 19:34:48 发布 · 460 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/dtdxrk/p/3740896.html

文章标签：

#javascript #ViewUI

本文介绍了一个在IE浏览器中出现的特殊JS问题——表单联动插件显示为源码的情况及其解决办法。问题源于其他JS文件扩展了Array.prototype，导致了遍历错误。文章提供了三种解决方案：使用forvar替代forin、利用hasOwnProperty方法和避免修改原生JS属性。

遇到的问题

一上班收到个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的属性，这是我能做到的，但不能约束别人，所以还是用前两种方法吧。

转载于:https://www.cnblogs.com/dtdxrk/p/3740896.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

yuxiaoyu.

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

prototype.js开发笔记

十二棵橡树

01-01

1311

prototype.js开发笔记--------------------------------------------------------------------------------覆盖版本 1.3.11. Prototype是什么?或许你还没有用过它， prototype.js 是一个由Sam Stephenson写的JavaScript包。这个构思奇妙编写良好的一段兼容标准的一段代码

json.js没有对Object()对象做prototype扩展的json.js

09-28

开发中用官网上下的json.js的toJSONString()方法总是报没有对象或方法的错误，于是有了这个没有对Object()对象做prototype扩展的json.js

参与评论您还未登录，请先登录后发表或查看评论

解决Array.prototype扩展后出现bug（weixin公众号【图说GIS】）

ONEGISER的博客

03-02

699

for (let i in this.positions) { //为了防止别人用了Array.prototype扩展后出现bug if (!isNaN(Number(i))) {} } 在线代码

JavaScript 扩展数组方法 - prototype

Mark

11-07

935

Array 内置了很多方法，但是它无法满足所有用户的需求，这时可以为 Array 对象扩展方法，提高代码重用率。扩展数组的方法一般通过为 Array 对象定义原型方法来实现，这些原型方法能够被所有数组对象继承。 Array.prototype.hello = function(){ //定义Array对象的原型方法 alert("Hello world"); } //上面3行代...

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

zhao_xinhu的博客

05-16

568

今天突然发现页面上的for ...in异常，debug之后，发现for...in 遍历出来一个函数，而这个函数是我自己扩展到Array.prototype。那么为什么会遍历到我们自己扩展到原型上的属性呢？ js中遍历Object属性（Array也是Object）时，有个前提条件，会遍历该对象属性中enumerable为true（也就是可枚举）的属性那么我们再扩展到Array原型属性时，一定要加上enumerable: false，可以直接通过Object.defineProperty(obj, .

“The `Array.prototype` contains unexpected enumerable properties: add； thus breaking e.g. `for...in`

词不达意难知的博客

11-09

988

"The `Array.prototype` contains unexpected enumerable properties: add; thus breaking e.g. `for...in` iteration of `Array`s."

为JS扩展Array.prototype.indexOf引发的问题及解决办法

12-08

在JavaScript中，`Array.prototype.indexOf` 是一个非常实用的方法，用于在数组中查找指定元素的索引。然而，由于早期的JavaScript版本不内置这个方法，开发者有时会通过扩展`Array.prototype`来自定义它，以便在...

为JS扩展Array.prototype.indexOf引发的问题探讨及解决

12-10

Array没有indexOf方法，这样在一个数组中查找某个元素的索引时比较麻烦，为了调用方便，于是通过prototype原型扩展了Array.prototype.indexOf()，这样用起来就比较方便了。但是这个自定义的indexOf在对数组进行遍历...

Array.prototype.slice.apply的使用方法

09-05

`Array.prototype.slice.apply` 是 JavaScript 中一种巧妙的技巧，它允许我们借用 `Array.prototype.slice` 方法来处理非数组对象，尤其是 `arguments` 对象。`arguments` 是一个伪数组对象，它在每个函数内部可用，...

ajax交互扩展遇到的问题,为JS扩展Array.prototype.indexOf引发的问题探讨及解决

weixin_34044889的博客

08-07

275

Array没有indexOf方法，这样在一个数组中查找某个元素的索引时比较麻烦，为了调用方便，于是通过prototype原型扩展了Array.prototype.indexOf()，这样用起来就比较方便了。但是这个自定义的indexOf在对数组进行遍历的时候却出现了问题。Array没有indexOf方法，这样在一个数组中查找某个元素的索引时比较麻烦，为了调用方便，于是通过prototype原型扩展...

Array对象原型新增方法导致的for...in遍历问题与解决方案

最新发布

LETEfly的博客

02-23

519

为了确保自定义原型方法不被遍历，拿主要的思路就是将这个方法改为不可枚举的属性。我们可以通过来定义。通过修改不可枚举属性不仅不会出现在for...in循环中，也不会被和包含。

Array.prototype

火星男孩的分享空间

02-27

3588

所有的数组实例都继承于 Array.prototype。所有的数组方法都定义在 Array.prototype 身上，和其他的构造函数一样，你可以通过扩展 Array 的 prototype 属性上的方法来给所有数组实例增加方法。Array.prototype 本身也是个数组。 Array.isArray(Array.prototype); // true属性Array.prototype.co...

原型对象上的修改方式

xieting153的博客

09-02

640

/*JS中所有的数据类型，他们的原型链终点站都是 Object.prototype; * 也就是说 Object.prototype 上的方法；所有数据类型都能使用 * * */ // var myPush = function (ary,n) { // ary[ary.length] = n; // }; var myPush = function (n) { //怎么...

Array和 Array.prototype 的定义

DWForYou_DJF

01-07

673

Array 对象是用于构造数组的全局对象，数组是类似于列表的高阶对象 Array.prototype 属性表示 Array 构造函数的原型，并允许您向所有Array对象添加新的属性和方法。获取相应的属性名称 Object.getOwnPropertyNames(Array) //[ "length", "name", "prototype", "isArray", "from", "of"...

Array.prototype.slice.call(arguments)

dexing07的博客

10-25

310

作用：将类似数组的对象转换为真实的数组。var obj={ length:2, 0:'11111111', 1:'222222222' } obj=Array.prototype.slice.call(obj); console.log(obj); //["11111111", "222222222"]不加length:2,属性会报错。真实数组具有slice方法，可以对

JavaScript中数组Array.prototype的常用的方法总结

spicyboiledfish的博客

04-26

5171

Array构造函数的API，我们可以通过控制台打印Array.prototype可以知道有以下这些方法。这是Array的原型对象的所有方法，对数组而言是可以继承所有的这些方法的：接下来，我们就以12个比较常见常用的API开始说起： 1. join() 将数组转化为字符串，并且以某个分隔符进行连接，默认是使用的逗号“ , ” var arr1=[1,2,3]; consol

处理浏览器兼容所遇到的问题总结(一)