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

Posted 2022-11-30 程序猿子

关于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 array
	get: function( num ) 
		return num == null ?

			// Return a 'clean' array
			this.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”。