firebug的一个有趣现象介绍
2011-11-30 00:00
218 查看
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')
于是,山寨版jquery并且只支持tagName选择器并且只有山寨CSS方法的一个库就诞生了。。
相关文章推荐
- firebug的一个有趣现象介绍
- firebug的一个有趣现象
- foreach的一个有趣现象
- JAVA 一个有趣的现象 你能猜到如下代码运行的结果吗?
- 一个有趣现象
- 路过一个小摊,看到一个有趣的现象
- Arrays.asList()方法的一个有趣现象
- 一个关于思科路由器ping的有趣现象
- 用GDI+保存Image到流时的一个有趣现象
- 发现魔方阵的一个有趣现象
- 发现一个有趣的现象:vc2010的工程的保存路径里不能有==
- 在中断函数和MAIN函数中同时调用同一个函数的有趣现象
- 一个有趣的数学现象
- 关于<context:property-placeholder>的一个有趣现象
- 来看一个费解而有趣的c++现象
- Unix/Linux网络编程(2)——一个有趣的现象
- 关于<context:property-placeholder>的一个有趣现象
- windows 98 设置 TEMP 环境变量时的一个有趣现象
- java的bufferImage异或加密jpg文件的一个有趣现象
- 谈谈C#的私有成员的一个有趣的现象!