ホームページ > 記事 > ウェブフロントエンド > JavaScript アロー関数構文の概要
#JavaScript アロー関数構文の概要
#1. パラメーターがない場合同等:var demo = function(){ }
var demo = () => { }
2 パラメータが 1 つだけの場合同等:var demo = function(a){ return a; }
var demo = a => a
3複数のパラメータ 括弧を使用する必要があり、パラメータ間のカンマ区切りはvar demo = function(a,b){ return a+b; }
var demo = (a,b) => a+b
4 と同等です。関数本体内の複数のステートメントは使用する必要があります。中括弧と同等:var demo = function(a,b){if(a>b){ return a-b;} else{ return b-a; }}
var demo = (a,b) =>{if(a>b){ return a-b;} else{ return b-a; }}
5. オブジェクトを返すときは、中括弧が占有され、オブジェクトとして解釈されるため、オブジェクトを括弧で囲む必要があります。コードブロックvar demo = (name,age) =>{return ({ name: name, age: age })}
6.配列ソートコールバックとして注:var arr = [1, 9 , 2, 4, 3, 8].sort((a, b) => { if (a - b > 0 ) { return 1 } else { return -1 }})
アロー関数は従来の関数とは実際には異なります。機能はありますが、それでも共通の特性があります。推奨チュートリアル: 「例:
1. アロー関数の typeof 演算は「関数」を返します。
2. アロー関数は依然として Function のインスタンスであるため、instanceof の実行方法は従来の関数と一致しています。
3. call/apply/bind メソッドは引き続きアロー関数に適用されますが、これらのメソッドが現在のスコープを拡張するために呼び出された場合でも、これは変わりません。
4. アロー関数と従来の関数の最大の違いは、新しい操作が無効になっていることです。
js 基本チュートリアル 」
以上がJavaScript アロー関数構文の概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。