jQuery的makeArray方法源码分析

来源:互联网 发布:千里马计划软件官方 编辑:程序博客网 时间:2024/05/22 18:32

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

那什么是“类数组对象”

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

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

除此之外,像HTMLCollectionNodeList等类型的对象也是“类数组对象”

它们的共性有2点:

1.拥有length属性。

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

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

最简便的方法,是利用Array.prototype上的slice方法:

function makeArray(array){return Array.prototype.slice.call(array);}
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;elsewhile(i)ret[--i] = array[i];}return ret;};
它的影响有3点:
1.即使没有传参,也会返回一个空的数组。

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

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

0 0
原创粉丝点击