アロー関数とは何ですか?

アロー関数 {()=>} は、JavaScript 関数をより短い方法で記述する簡潔な方法です。 アロー関数 ES6 バージョンで導入されました。これらにより、コードがより構造化され、読みやすくなります。

アロー関数 無名関数、つまり名前のない関数ですが、多くの場合、任意の変数に割り当てられます。それらはまた呼ばれます ラムダ関数 。

構文：

const gfg = () =>{ console.log( 'Hi Geek!' ); }>>

以下の例は、JavaScript での Arrow 関数の動作を示しています。

パラメータのないアロー関数

const gfg = () =>{ console.log( 'こんにちは、GeekforGeeks です!' ); gfg();>>

Hi from GeekforGeeks!>

パラメータ付きのアロー関数

const gfg = ( x, y, z ) =>{ console.log( x + y + z ) } gfg( 10, 20, 30 );>>

60>

デフォルトパラメータを使用したアロー関数

const gfg = ( x, y, z = 30 ) =>{ console.log( x + ' ' + y + ' ' + z); gfg( 10, 20 );>>

10 20 30>

式の前に async キーワードを付けることで、アロー関数を非同期にすることができます。

async param =>式 async (param1, param2, ...paramN) => { ステートメント }>>

アロー関数の利点

• アロー関数を使用すると、コードのサイズが削減されます。
• return ステートメントと関数括弧は、単一行関数の場合はオプションです。
• コードの可読性が向上します。
• アロー関数は、語彙的な this バインディングを提供します。つまり、外側のスコープから this の値を継承します。この機能は、値が不確実なイベント リスナーまたはコールバック関数を扱う場合に有利です。

アロー関数の制限事項

• アロー関数にはプロトタイプのプロパティがありません。
• アロー関数は new キーワードと一緒に使用できません。
• アロー関数はコンストラクターとして使用できません。
• これらの関数は匿名であるため、コードをデバッグするのは困難です。
• アロー関数は、yield キーワードを使用して時間の経過とともに複数の値を返すジェネレータ関数として使用することはできません。

サポートされているブラウザ

• Chrome 45以降
• エッジ 12 以降
• Firefox 22 以降
• Opera 32 以降
• Safari 10 以降