firebug的一个有趣现象介绍

136 阅读 0 评论 90 点赞

我是靠谱客的博主炙热热狗，最近开发中收集的这篇文章主要介绍firebug的一个有趣现象介绍，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

复制代码代码如下:

 
var obj = {length:0,splice:function(){}} 
console.log(obj) 

猜猜上面会打印出啥？
没错，打印出来的看起来是一个空数组。。。
在FIREBUG里如果一个对象同时拥有length属性和splice方法，就会被firebug显示为数组的形式。。。
如果以前注意过的话就会发现JQUERY就是这么写的，通过选择器打印出来的看起来跟数组一样。
一直以来我都很好奇为毛返回的数组，但是却有数组根本没有的方法，也没有数组该有的方法，比如：pop等
最后通过查资料才发现这么一个有趣的现象。。
但是在IE下面打印出来的就是正常的[Object Object]了。
于是就可以这么玩一下。。。。

复制代码代码如下:

 
var push = Array.prototype.push; 
var splice = Array.prototype.splice; 
var a = function() { 
var a = function(name) { 
return new a.fn.init(name) 
} 
a.fn = a.prototype; 
a.fn.init = function(name) { 
　　　　var arr = document.getElementsByTagName(name); 
　　　　merge(this,arr); 
　　} 
a.fn.splice = splice; 
a.fn.init.prototype = a.fn; 
return a; 
}() 
function merge(first, second) {//完全抄袭jquery中的merge方法- - 
var i = first.length || 0, j = 0; 
if( typeof second.length === "number") { 
for(var l = second.length; j < l; j++) { 
first[i++] = second[j]; 
} 
} else { 
while(second[j] !== undefined) { 
first[i++] = second[j++]; 
} 
} 
first.length = i; 
return first; 
} 
a.fn.css = function(pop, val) { 
for(var i = 0; i < this.length; i++) { 
if(this[i].nodeType===1){ 
this[i].style[pop] = val; 
} 
} 
return this; 
} 
var ab = a('div'); 
ab.css('backgroundColor', '#444444').css('borderWidth', '2px').css('borderStyle', 'solid') 