jQuery源码分析之makeArray方法
程序员文章站
2022-03-21 22:02:08
...
在jQuery中,makeArray是一个私有的方法,它主要用于将“类数组对象”转换为数组。
那什么是“类数组对象”?
比方说每一个function中都有一个arguments对象,它是实参列表,拥有length属性,还可以通过下标来访问实参。
function foo(){ //1 console.log(arguments.length); //10 console.log(arguments[0]); } foo(10);
除此之外,像HTMLCollection,NodeList等类型的对象也是“类数组对象”。
它们的共性有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; else while(i) ret[--i] = array[i]; } return ret; };
它的影响有3点:
1.即使没有传参,也会返回一个空的数组。
2.如果传了类数组对象,会返回新的元素数组。
3.如果传入了非类数组对象,会把这个对象作为新数组的第一个元素。
以上就是jQuery源码分析之makeArray方法的详细内容,更多请关注其它相关文章!