ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript アロー関数構文の概要

JavaScript アロー関数構文の概要

coldplay.xixi
coldplay.xixi転載
2020-06-15 16:02:222219ブラウズ

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 サイトの他の関連記事を参照してください。

声明:
この記事はwebhek.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。