JavaScript関数式プログラミング(Funtional Programming)矢印関数(Arow functions)の使い方分析
1461 ワード
本論文の例は、JavaScript関数式プログラミング(Functional Programming)矢印関数(Arrow functions)の使い方を説明する.皆さんに参考にしてあげます.具体的には以下の通りです.
矢印関数はJavaScriptの中にあります.ES 6(ES 2015)が入ってきたのです.関数には矢印のような記号があります.だから矢印関数と言います.英語ではよくFat arrow functionsとも言われます.ふっくらした矢印関数です.この関数はラmda表現とも呼ばれる.矢印関数はコンストラクタとしては使えません.
構文
矢印関数はこのように見えます.
矢印の右側は関数の本体部分で、上のこの関数の本体は1ラインしかないので、直接に本体を矢印の右側に置くことができます.矢印関数は自動的にこの1行の本体の結果を返します.つまり、明確なリセットキーワードを使って値を返す必要はありません.関数の本体が複数行の場合は、本体部分を大括弧のセットに入れることができます({}).
単一パラメータ
複数のパラメータ
主体
上の関数の本体は1行だけで表現されています.この表式の結果は自動的に返されます.
JavaScriptの関連内容については、当駅のテーマを見ることができます.「JavaScript常用関数技術まとめ」、「javascript対象入門教程」、「JavaScriptエラーとデバッグ技術まとめ」、「JavaScriptデータ構造とアルゴリズム技法まとめ」及び「JavaScript数学演算用法まとめ」
本論文で述べたように、JavaScriptプログラムの設計に役に立ちます.
矢印関数はJavaScriptの中にあります.ES 6(ES 2015)が入ってきたのです.関数には矢印のような記号があります.だから矢印関数と言います.英語ではよくFat arrow functionsとも言われます.ふっくらした矢印関数です.この関数はラmda表現とも呼ばれる.矢印関数はコンストラクタとしては使えません.
構文
矢印関数はこのように見えます.
const greet = () => hello
矢印(=>)の左は関数のパラメータです.関数にパラメータがない場合、空白の括弧のセットを使います.関数がパラメータが一つしかない場合、このパラメータの周りは括弧を使わなくてもいいです.複数のパラメータがある場合、これらのパラメータは括弧のセットに入れて、コンマで区切られます.矢印の右側は関数の本体部分で、上のこの関数の本体は1ラインしかないので、直接に本体を矢印の右側に置くことができます.矢印関数は自動的にこの1行の本体の結果を返します.つまり、明確なリセットキーワードを使って値を返す必要はありません.関数の本体が複数行の場合は、本体部分を大括弧のセットに入れることができます({}).
単一パラメータ
const greet = name => `hello, ${name}`
nameはgreetという矢印関数のパラメータです.関数はパラメータが一つしかないので、括弧を入れる必要がないです.複数のパラメータ
const greet = (greeting, name) => `${greeting}, ${name}`
greetという関数は現在、2つのパラメータがあります.greetingとnameは、括弧の周りに使用されています.パラメータの間にカンマで花を分けます.主体
上の関数の本体は1行だけで表現されています.この表式の結果は自動的に返されます.
const greet = (greeting, name) => {
return `${greeting}, ${name}`
}
上のgreet関数の本体部分には大きな括弧が使われていますので、本体には明確にreturnを使って必要な結果を返します.JavaScriptの関連内容については、当駅のテーマを見ることができます.「JavaScript常用関数技術まとめ」、「javascript対象入門教程」、「JavaScriptエラーとデバッグ技術まとめ」、「JavaScriptデータ構造とアルゴリズム技法まとめ」及び「JavaScript数学演算用法まとめ」
本論文で述べたように、JavaScriptプログラムの設計に役に立ちます.