jQuery源码分析之makeArray方法-tutorial js-php.cn

jQuery源码分析之makeArray方法

黄舟

Lepaskan： 2017-07-19 09:49:20

asal

1491 orang telah melayarinya

在jQuery中，makeArray是一个私有的方法，它主要用于将“类数组对象”转换为数组。

那什么是“类数组对象”？

比方说每一个function中都有一个arguments对象，它是实参列表，拥有length属性，还可以通过下标来访问实参。

	function foo(){
		//1
		console.log(arguments.length);
		//10
		console.log(arguments[0]);
	}
	
	foo(10);

Salin selepas log masuk

除此之外，像HTMLCollection，NodeList等类型的对象也是“类数组对象”。

它们的共性有2点：

1.拥有length属性。

2.可以通过下标来访问元素。

类数组对象相较于数组，少了很多便捷的API，因此很多框架提供了转换方法。

最简便的方法，是利用Array.prototype上的slice方法：

	function makeArray(array){
		return Array.prototype.slice.call(array);
	}

Salin selepas log masuk

但jQuery为了兼容早期的IE，提供了自己的实现。

	
	var makeArray = function(array){
		//存储元素的新数组
		var ret = [];
		if(array != null){
			var i = array.length;
			/*
				分别对应四种非类数组对象情况：
				1.没有length属性
				2.为字符串
				3.是函数
				4.是window对象
			*/
			if(i == null || typeof array === "string" || jQuery.isFunction(array) || array.setInterval)
				ret[0] = array;
			else
				while(i)
					ret[--i] = array[i];
		}
		return ret;
	};

Salin selepas log masuk

它的影响有3点：
1.即使没有传参，也会返回一个空的数组。

2.如果传了类数组对象，会返回新的元素数组。

3.如果传入了非类数组对象，会把这个对象作为新数组的第一个元素。

Atas ialah kandungan terperinci jQuery源码分析之makeArray方法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!