JavaScript中Array.apply解析

小云云
發布: 2018-02-28 13:39:56
原創
4018 人瀏覽過

先來看一個問題:

如何理解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解析的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!