Arrow function

4338 ワード
JavaScript arrow function テキストリンク
Arrow関数の説明
矢印関数はfunctionキーワードではなく矢印を使用して関数を定義し、従来の関数定義よりも簡単に定義されます.

  • コードを機能に組み合わせる

  • 矢印関数は、既存の関数よりも内部動作が簡略化されていることを示します.直感的なため、I/Oマシンの作成時に表示しやすくなります

  • 矢印関数は、コールバック関数において非常に有用であり、コールバック関数がグローバルオブジェクトを指すことを解決する代替方法として使用することができる.
    const multiply = ( x,y ) => x * y ; 
multiply(2,3);
    パラメータ宣言:複数のパラメータがある場合は、カッコ()でパラメータを宣言します.
    const arrow =( x, y) => {...};

  • パラメータが1つしかない場合は、カッコ()を省略できます.
    パラメータがない場合は括弧()は省略できません.
    • const arrow = x => {...};
const arrow =() => {...};
    1行
  • コードは括弧
    • を省略することができる.

    <例>


    コールバック関数あたり



  • 配列をコールバック関数として使用する場合、
  • イベントリスナー:矢印関数
    内部では変更されません(矢印関数は、内部で定義されていない値の親を取得します).
    • 関数は
  • objectにあります

    • <矢印関数と一般関数の違い>


    1.矢印関数はインスタンスを生成できないnon-constructor

    矢印関数はコンストラクション関数として呼び出すことはできません.
    2.重複するパラメータ名は宣言できません.
    // SyntaxError: Duplicate parameter name not allowed in this context
const arrow = (a, a) => a + a;
    3.矢印関数には、関数自体のthis、arguments、super、new、targetバインドはありません.
  • 矢印関数の内部には、this、arguments、super、newがあります.targetを参照すると、scopeチェーンを介して親scopeのthis、arguments、super、newが表示されます.targetを参照します.
  • 矢印関数が重複している場合、スキャンチェーンに最も近い親関数では、関数のthis、arguments、super、newは矢印関数ではありません.targetを参照します.
    • [BOJ/C+]#1697鬼ごっこ
    Nico Number ZOJ-3886(リニアスクリーン+セグメントツリー区間更新型取り)