昨天做了一个数组删除所有给定元素的功能,结果测试时发现使用console.log(array)时,有时会在控制台输出[Circular]
当时还以为是代码写错了,后来发现,在给Array添加了indexOf的方法后,当数组长度为1时就会出现[Circular],而这段代码在浏览器中运行则不会出现输出[Circular]的问题。
Array.prototype.indexOf = function(el){
for(var i=0; i<this.length; i++){
if(this[i] == el) return i;
}
return -1;
};
Array.prototype.print = function(){
var str = '';
for(var i=0; i<this.length; i++)
{
str += this[i] + ',';
}
console.log(str);
};
var a = [1];
var b = [1,2];
b.remove(1);
console.log(a);
console.log(b);
a.print();
b.print();
node运行这段代码在控制台的输出是
[ [Circular] ]
[ 1, 2 ]
1,
1,2,
将单个数组在控制台输出成[Circular] 并不会影响数组本身的使用,进一步研究发现,原来是因为nodejs本身已经对Array进行了扩展,Array对象已经有了indexOf方法,
估计console.log在输出Array对象时,是按照nodejs里面的indexOf方法递归调用的,所以当indexOf方法被用户自定义的方法覆盖后,console.log单个数组对象时就会出现[Circular] ,但仍然不影响对数组的使用,只是控制台的输出内容会让人误解,囧RZ!!
好吧,原来自从javascript 1.6起就为数组添加了indexOf,lastIndexOf,some,map,filter,every,forEach方法~脱离前端太久了,业务不熟害死人,不对,都是IE的错!!