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

遇到的问题

一上班收到个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