jsのアロー関数の特徴は何ですか？

JavaScript アロー関数の特徴は、「関数」の代わりに「=>」記号を使用した簡潔な構文です。暗黙的な return、中括弧、および "return" は省略できます。字句スコープは、外側の「this」値を継承します。構築できないため、「new」でインスタンスを作成できません。 「arguments」オブジェクトはありません。パラメータを収集するには「...」を使用する必要があります。 「yield」はジェネレータ関数としては使用できません。

#JavaScript アロー関数の特徴

アロー関数は ES6 で導入された新しい構文であり、短いです。フォーム関数式。従来の関数と比較して、アロー関数には次の特徴があります。

##簡潔な構文:
• アロー関数は、従来の # # の代わりに矢印 => 記号を使用します。 #function キーワードを使用すると、構文がより簡潔になります。 <pre class='brush:php;toolbar:false;'>// 传统函数 function add(a, b) { return a + b; } // 箭头函数 const add = (a, b) =&gt; a + b;</pre>

暗黙的な戻り値:

アロー関数に式が 1 つだけある場合は、中括弧と
• return キーワードを省略できます。アロー関数は自動的にこの式を返します。 <pre class='brush:php;toolbar:false;'>// 传统函数 function square(x) { return x * x; } // 箭头函数 const square = x =&gt; x * x;</pre>

字句スコープ:

アロー関数は、独自の
• this を作成するのではなく、外部スコープの this 値を継承します。価値。これにより、アロー関数はイベント ハンドラーの処理などのシナリオに最適になります。 <pre class='brush:php;toolbar:false;'>const button = document.getElementById(&quot;my-button&quot;); // 传统函数 button.addEventListener(&quot;click&quot;, function() { console.log(this); // 指向 button 元素 }); // 箭头函数 button.addEventListener(&quot;click&quot;, () =&gt; { console.log(this); // 指向 button 元素 });</pre>

構築不可能:

アロー関数はコンストラクターとして使用できません。これは、
• new キーワードを使用してアロー関数のインスタンスを作成できないことを意味します。 引数オブジェクトを宣言できません:
Arrow 関数には独自の
• arguments オブジェクトがありません。関数の引数を収集するには、剰余演算子 #.... が必要です。 <pre class='brush:php;toolbar:false;'>// 传统函数 function sum() { console.log(arguments); // 类似数组的对象 } // 箭头函数 const sum = (...numbers) =&gt; { console.log(numbers); // 实际数组 };</pre>

yield は使用できません:

アロー関数は
• yield キーワードを使用できないため、ジェネレーター関数として使用できません。

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