矢印関数
1201 ワード
矢印機能は、ES 6 JavaScriptの改正の一部としてJavaScriptで追加されました.矢印関数は、' fat -矢印'関数とも呼ばれます.矢印関数構文は簡潔なコードを書くために使用されます.
通常、JavaScriptで関数を記述している間に、関数のキーワードを付けます.伝統的な作文法は乱雑だ.太った矢構文は、コンパクトできれいなコードを書くのを助けます.
構文は
以下のいくつかの例の助けを借りて矢印関数の使い方について議論しましょう.
一般に、2つの数値を加算し、結果を返す関数は次のように書かれます.
矢印関数を使用している間、関数が単一のreturn文だけを持っている場合、カーリーブレースとリターンキーワードを完全に除去できます.
単一のreturn文がある場合にのみ、カーリーブレースと戻り値キーワードを削除できます.
同様に、関数が1つの入力パラメータだけを使用する場合、周囲の括弧を削除するのは完全にOKです.以下の行動でそれを見ましょう.
矢印関数は従来の関数と同様に呼び出されます.
通常、JavaScriptで関数を記述している間に、関数のキーワードを付けます.伝統的な作文法は乱雑だ.太った矢構文は、コンパクトできれいなコードを書くのを助けます.
構文は
=>
のために太った矢と呼ばれます.以下のいくつかの例の助けを借りて矢印関数の使い方について議論しましょう.
一般に、2つの数値を加算し、結果を返す関数は次のように書かれます.
function addition (num1, num2) {
return num1 + num2;
}
我々は、上記のコードを簡素化することができますし、脂肪の矢印の助けを借りてきれいに見えるようにします.const addition = (num1, num2) => {
return num1 + num2;
}
ここで、加算は2つのパラメータを取り、結果を返す定数関数です.矢印関数を使用している間、関数が単一のreturn文だけを持っている場合、カーリーブレースとリターンキーワードを完全に除去できます.
const addition = (num1, num2) => num1 + num2;
伝統的な機能と比較して、我々のコードはよりきれいに見えます.単一のreturn文がある場合にのみ、カーリーブレースと戻り値キーワードを削除できます.
同様に、関数が1つの入力パラメータだけを使用する場合、周囲の括弧を削除するのは完全にOKです.以下の行動でそれを見ましょう.
const multiply = num => num * 2;
上記の関数は一つの入力パラメータnumだけをとり、結果を返します.矢印関数は従来の関数と同様に呼び出されます.
console.log(multiply(2));
結論として、矢印関数は短くてきれいなコードを書く別の方法を提供します.Reference
この問題について(矢印関数), 我々は、より多くの情報をここで見つけました https://dev.to/vivekalhat/arrow-functions-4j66テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol