jsでアロー関数を書く方法

アロー関数は、(parameters) => 式として記述される短縮関数構文です。その特徴には、簡潔さ、字句スコープ バインディングの使用、および独自の this バインディングが含まれません。従来の関数と比較して、アロー関数はより簡潔で、語彙範囲が限定されており、this バインディングがありません。アロー関数は、コールバック関数、コンパクト関数、および字句スコープ関数によく使用されます。

JavaScript でアロー関数を記述する方法

アロー関数は、JavaScript で導入された短縮関数構文です。コードをより簡潔にして読みやすくすることができます。

書き方

アロー関数は次のように記述します:

<code>(parameters) => expression</code>

その中に:

• パラメータ : 関数のパラメータリスト(省略可能)。
• expression: 関数本体。通常は式です (中括弧と return ステートメントは省略できます)。

例

以下はアロー関数の例です:

<code>const sum = (a, b) => a + b;</code>

この関数は 2 つのパラメーターを受け入れます aと b を計算し、それらの合計を返します。

特徴

アロー関数にはいくつかの特徴があります:

• 簡潔さ:アロー関数は従来の関数よりも簡潔です, 中かっこと return ステートメントが省略されているためです。
• バインディング: アロー関数は動的スコープではなく字句スコープを使用するため、定義されているコンテキストに常にバインドされます。
• Nonethis バインディング: アロー関数には独自の this バインディングはありませんが、代わりにその外側の this を継承します。関数 バインディング。

#従来の関数との比較

次の表では、アロー関数と従来の関数を比較しています。

機能##構文(パラメータ) => 式 function (パラメータ) { ... }簡潔さより簡潔により冗長にスコープ字句動的##this バインディングthisアロー関数を使用する場合

アロー関数	従来の関数
外部関数の継承own	バインディング

アロー関数は通常使用されます。次の状況では:

コールバック関数 (

Array.map

など)

• 簡潔な関数必須の字句スコープ関数

以上がjsでアロー関数を書く方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。