JavaScript中Array.apply解析
程序员文章站
2022-03-14 18:21:56
...
先来看一个问题:
如何理解Array.apply(null, {length:5})的{length:5}?本文主要和大家分享JavaScript中Array.apply解析,希望能帮助到大家。
我测试过
Array.apply(null, {length:5}) //返回[undefined, undefined, undefined, undefined, undefined] Array.apply(null, [{length:5}])和Array({length:5})返回的结果是一样的,为[[object Object] { length: 5 }]
第二、三还能理解!第一种怎么理解?
实际 这个 和 Array 没有任何关系,只是碰巧 使用 Array 时遇到了。
我觉得这个问题应该从 Function.call和 Function.apply 来入手。
这两个 函数的方法 功能都是一样的,都是为了改变 this 的指向。
唯一的区别就是参数不一样,apply的第二个参数必须传入数组。
首先需要有个 函数,定义个 iAmArray;
var iAmArray = function(){ return arguments; };
这里不用管this,下面是正常调用它的三种方式:
//方便你复制到 Console 中测试,在此再写一遍 var iAmArray = function(){ return arguments; }; //普通写法 iAmArray(1,2,3); /* [1, 2, 3] */ //call写法 iAmArray.call(null,1,2,3); /* [1, 2, 3] */ //apply写法 iAmArray.apply(null,[1,2,3]); /* [1, 2, 3] */
apply方式调用时,估计是一个小bug,只要是 Object,还有length,它就当作数组处理了,实际和 Array 没有任何关系,任何函数都会这样。
//方便你复制到 Console 中测试,在此再写一遍 var iAmArray = function(){ return arguments; }; var iHaveLength = function(length){ this.length = length || 5; this[2] = "第三个元素"; }; /* 只要是 Object,还有length,他就当作数组处理了。 */ iAmArray.apply(null, new iHaveLength()); /* [undefined, undefined, "第三个元素", undefined, undefined] */ iAmArray.apply(null, new iHaveLength(3)); /* [undefined, undefined, "第三个元素"] */
最后总结
然后其实第二个参数只要是个类数组对象就可以了,比如 {length: 5} 就可以看作一个类数组对象,长度是 5,每个元素,比如 v[0] 是 undefined。
所以,Array.apply(null, { length: 5}) 相当于
Array(undefined, undefined, undefined, undefined, undefined)
以上就是JavaScript中Array.apply解析的详细内容,更多请关注其它相关文章!
推荐阅读
-
js类中获取外部函数名的方法_javascript技巧
-
事件模型在各浏览器中存在差异_javascript技巧
-
设计模式中的facade外观模式在JavaScript开发中的运用(高级篇)
-
彻底理解Javascript 中的 Promise
-
img标签中onerror用法_javascript技巧
-
从父页面读取和操作iframe中内容方法_javascript技巧
-
Javascript 函数中的参数使用分析_javascript技巧
-
解析使用substr截取UTF-8中文字符串出现乱码的问题_PHP
-
整理的比较全的event对像在ie与firefox浏览器中的区别_javascript技巧
-
读取、把模板中的标签解析成PHP语法编译成PHP文件