为什么这个更改为Array原型在我的jQuery插件中不起作用？

我已将以下方法添加到Array原型中：

Array.prototype.foreach = function(func){ for(var i = 0; i < this.length; i++){ if(!func(this[i]) === false) break; //return false from func in order to break the loop } return this; } 

在同一个文件中， 在上面的代码之后，我有以下jQuery插件：

 jQuery.fn.addClassForEvents = function(){ var that = this; arguments.foreach(function(event){ that.bind(event[0], function(){ that.addClass(event[0]); }) .bind(event[1], function(){ that.removeClass(event[0]); }); }); return this; } 

为了使用这个jQuery插件，我的代码看起来像：

 $('div').addClassForEvents(['mouseenter', 'mouseleave']); 

但是，浏览器在jQuery插件的“arguments.foreach（….”行上抛出一个错误，简单地说明了

对象＃没有方法’foreach’

然而foreach方法适用于我的代码的其他地方。 为什么在这个jQuery插件中未定义？

Answer 1

它不起作用，因为参数不是数组。 它是一个（类似数组的）参数对象。

Mozilla的解释

您可以在现代浏览器中使用切片将其转换为数组（并在IE中实际循环）。

 var argArray = Array.prototype.slice.call(arguments) 

Answer 2

arguments不是数组，而是对象。 例如，它提供了arguments.callee和arguments.caller等属性。

您可以通过调用apply来使用Array原型的foreach（参见JavaScript参数对象……等等 ）：

由于Array.prototype的所有方法都是通用的，因此可以很容易地应用于与数组兼容的arguments对象：

 jQuery.fn.addClassForEvents = function(){ var that = this; [].foreach.apply(arguments, (function(event){ that.bind(event[0], function(){ that.addClass(event[0]); }) .bind(event[1], function(){ that.removeClass(event[0]); }); }); return this; } 

Answer 3

您需要将arguments 对象转换为数组

试试这个：

 jQuery.fn.addClassForEvents = function(){ var that = this, arg = Array.prototype.slice.call(arguments); arg.foreach(function(event){ that.bind(event[0], function(){ that.addClass(event[0]); }) .bind(event[1], function(){ that.removeClass(event[0]); }); }); return this; } 

Answer 4

要将arguments转换为数组，您也可以使用jQuery.makeArray(arguments) …

http://api.jquery.com/jQuery.makeArray/