JavaScript関数式プログラミング(Funtional Programming)矢印関数(Arow functions)の使い方分析

1461 ワード

本論文の例は、JavaScript関数式プログラミング(Functional Programming)矢印関数(Arrow functions)の使い方を説明する.皆さんに参考にしてあげます.具体的には以下の通りです.
矢印関数は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プログラムの設計に役に立ちます.