JavaScript のアロー関数における「=>」は何を意味しますか?

" JavaScript のアロー関数の意味? " />" は JavaScript のアロー関数で意味しますか? " />

JavaScript における "=>" の意味は何ですか?

一般にアロー関数として知られる "=>" 記号は、ECMAScript 6 で導入された簡潔な構文です。関数式を表現することには、いくつかの重要な利点があります。

アロー関数: 字句Nexus

アロー関数は、従来の関数とは異なり、周囲のスコープから this 値を継承します。これにより、入れ子になった関数全体でこれを保持するための self = this のような複雑な構成が不要になります。

簡潔な構文

アロー関数は、関数式よりも明らかにコンパクトです。次の例を考えてみましょう。

// Old-style function expression
var a2 = a.map(function(s) { return s.length; });

// Arrow function
var a3 = a.map(s => s.length);

両方a2 と a3 は同じ出力 ([31, 30, 31, 31]) になりますが、アロー関数の方がはるかに簡潔です。

互換性に関する注意

一方、アロー関数はノード、ブラウザのサポートはさまざまです。2017 年 12 月 12 日の時点では、多くの一般的なブラウザの現在のバージョンでサポートされています。以下を含む:

• Chrome (v. 45 )
• Firefox (v. 22 )
• Edge (v. 12 )
• Opera (v. 22) 。 32 )

ただし、IE (v. 11 まで) およびその他のあまり知られていないブラウザーはサポートされていません。最新かつ最も包括的な互換性情報については、CanIUse.com を参照してください。

以上がJavaScript のアロー関数における「=>」は何を意味しますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。