jQuery action类型实例方法探究:Array转换

来源:互联网 发布:淘宝客微信推广 编辑:程序博客网 时间:2024/05/23 18:37
关于jQuery原型对象中的action类型实例方法,如果严格按照Spark对Action概念的定义来说,除了构造jQuery对象的Sizzle和变形jQuery对象的Transform,其余的包括到纯粹数组的转换、属性操作Attr、事件处理Event、DOM操作等统统算作是Action领域,剩余其他的比如ajax功能、异步队列Deferred、数据缓存Data等算是工具领域吧,这样划分的话算是对jQuery有一个整体脉络上的定性。后续文章就按照Action系列和工具系列拆解分析。

本篇分析Action中的"Array转换"主题,其实关于"Array转换"最重要的只有两个方法,相比较Transform和其他Action,实在足够简单了。


一 jQuery.prototype.toArray方法


toArray: function() {return slice.call( this, 0 );},

就这么一行代码的方法,逻辑上与其他数百行的比如动画操作Action真的没有区别。关键还是借用了Array.prototype.slice的强大能力,当然前提是这里的this关键字代表的是jQuery实例对象,而jQuery实例对象是Array-Like Object,这个系列反复提及Array-Like Object,如果不理解这个概念,是入不了jQuery的大门的(当然也入不了javascript的门)。

二 jQuery.prototype.get方法


// Get the Nth element in the matched element set OR// Get the whole matched element set as a clean arrayget: function( num ) {return num == null ?// Return a 'clean' arraythis.toArray() :// Return just the object( num < 0 ? this[ this.length + num ] : this[ num ] );},

这样使用$("x").get()时,返回的是一个"选中原生客户端对象集合"的真正数组。
$("x").get(-1),参数是负整数,返回"选中原生客户端对象集合"最后一个客户端对象。所有对数组index以0开头的语言都可以对数组对象执行[ this.length + num ]运算取出从右到左的第abs(num)个元素。
$("x").get(i),参数i是非负整数,取出"选中原生客户端对象集合"从左到右的第(i+1)个客户端对象。核心原理还是“jQuery实例对象是Array-Like Object”。

0 0
原创粉丝点击