.map() のような高階関数は JavaScript 内でどのように動作するのでしょうか?

Question

現在では、誰もがこれらの高次関数を使用して、より少ないコードで有望な結果を得ようとしています。しかし、これらの関数が内部でどのように動作するのか知りたいのです。

同じようなことを書いたとします

var 数値 = [16, 25, 36];
var results =numbers.map(Math.sqrt);
console.log(results); // [4, 5, 6]

「number」配列の各要素が 1 つずつ反復されることはわかっていますが、どのように?

探してみましたが、まだ満足のいく答えが得られていません。

Answer 1

すべてのサプライヤーは 仕様

に従うべきだと思います

実際の実装 (V8 など) はもう少し複雑になる可能性があります。まず この回答 を参照してください。 github で v8 ソース コードを参照することもできますが、その一部を単独で理解するのは難しい場合があります。

上記の回答からの引用:

ES2015仕様:

1. O が ToObject(this 値) であるとします。
2. 突然の場合は戻る(O)。
3. len が ToLength(Get(O, "length")) であるとします。
4. ReturnIfAbrupt(len)。
5. IsCallable(callbackfn) が false の場合、TypeError 例外がスローされます。
6. thisArg が指定されている場合は、T を thisArg にします。それ以外の場合は、T を未定義にします。
A
7. が ArraySpeciesCreate(O, len) であるとします。 ReturnIfAbrupt(
A
8. )。
k
9. を 0 とします。 k
<
10. len の間繰り返します < Pk
    を ToString(
    1. k) とします。 kPresent
    を HasProperty(
    2. O, Pk) とします。 ReturnIfAbrupt(kPresent
    )。
    3. kPresent
    が
    4. true の場合、 kValue
       を Get(
       1. O, Pk) とします。 ReturnIfAbrupt(kValue
       )。
       2. mappedValue
       を Call(
       3. callbackfn, T, «kValue, k >, ## とします。 ＃または＃＃＃"。＃＃＃ ReturnIfAbrupt(mappedValue)。
       State
       4. を CreateDataPropertyOrThrow(A,
       Pk
       5. , mappedValue) とします。 ReturnIfAbrupt(ステータス)。
       6. k を 1 増やします。
    5. Aを返します。

Answer 2

.map は、コールバックを受け取り、配列の各項目に対してコールバックを呼び出し、新しい配列に値を割り当てる単なるメソッドです。それは特別なことではありません。自分で簡単に実装することもできます:

リーリー