JavaScript での Array.apply の解析

まず質問を見てみましょう:

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 }]

2番目と3番目はまだ理解できます！最初のものをどうやって理解すればいいでしょうか？

実は、これは Array とは関係なく、Array を使用しているときにたまたま遭遇しただけです。

この問題は Function.call と Function.apply で解決されるべきだと思います。
これら 2 つの関数のメソッドは同じ機能を持ち、どちらも this のポインターを変更するために使用されます。
唯一の違いは、apply の 2 番目のパラメーターを配列で渡す必要があることです。

まず第一に、iAmArray を定義する関数が必要です。

var iAmArray = function(){
    return arguments;
};

ここでは心配する必要はありません。通常、それを呼び出す 3 つの方法があります:

//方便你复制到 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]
*/

適用モードで呼び出される場合は、次のようになります。おそらく小さなバグですが、オブジェクトである限り、配列として扱われる長さも存在します。これは実際には配列とは何の関係もありません。

//方便你复制到 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, "第三个元素"]
*/

最終まとめ

実際、2 番目のパラメータは、{length: 5} などの配列のようなオブジェクトにするだけでよく、これは長さ 5 の配列のようなオブジェクトとみなすことができます。 、v[ 0] などの各要素は未定義です。

つまり、Array.apply(null, { length: 5}) は
Array(未定義, 未定義, 未定義, 未定義, 未定義) と同等です

以上がJavaScript での Array.apply の解析の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。