JavaScript中如何理解如何理解Array.apply(null,…

2018-06-24 01:33:33来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

先来看一个问题:

如何理解Array.apply(null, {length:5})的{length:5}?

我测试过
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)


感谢您阅读上海前端培训文章,更多阅读或帮助请点击获取。欢迎评论,谢谢关注!

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:记录个人数组、字符串自己常忘记的方法,以及ES常用处理方式

下一篇:js 判断设备的来源