![見出し画像](https://assets.st-note.com/production/uploads/images/78003919/rectangle_large_type_2_aaecd0616eb4b70da715bde49bded6df.png?width=800)
【GAS日記】61日目 こんにちは。アロー関数です。(再び)
こんにちは。アロー関数です。
実は約2年ぶりの登場です。
覚えていらっしゃる方ありがとうございます。お久しぶりです。
前回の登場はこちら。
今日はaliceさんがMicrosoft 365 Virtual Marathon 2022に遊びにいっているので、代わりにnoteを書きます。
楽しかったらしいですよ、Microsoft 365 Virtual Marathon 2022。
さて、こんな関数があります。
面積を計算している関数ですね。
![](https://assets.st-note.com/img/1651893754372-5XP1259ToC.png?width=800)
これをアロー関数にしてみます。
はい、できた!
![](https://assets.st-note.com/img/1651892913462-xYqD2QTVfE.png?width=800)
ということで、やっていきましょう。
![](https://assets.st-note.com/img/1651894064080-FEYSUphWAv.png)
関数リテラル・アロー関数とは
アロー関数の前に、関数リテラルから。
関数リテラルはべた書きされた関数です。
![](https://assets.st-note.com/img/1651894855807-ulYIzvUrY4.png?width=800)
そーんな関数リテラルの代表的な書き方がアロー関数。
![](https://assets.st-note.com/img/1651895023492-Qn8jA83Agx.png?width=800)
そしてそーんなアロー関数は変数や定数に代入することができます。
![](https://assets.st-note.com/img/1651895059202-SXyB0yjXf3.png?width=800)
アロー関数を作ろう
アロー関数についてさくっと説明したところで、さっそくアロー関数を書いてみます。
最初のこの状態からはじめていきましょう。
![](https://assets.st-note.com/img/1651899567947-D3DAlCDadx.png?width=800)
まず、この「calcArea関数」を定数calcAreaに入れます。
定数なのでconstで宣言します。
![](https://assets.st-note.com/img/1651891272990-rxa7AsDqJw.png?width=800)
calcAreaに代入。とぉー!!
![](https://assets.st-note.com/img/1651891363376-A0Pl6sY8k9.png?width=800)
![](https://assets.st-note.com/img/1651894139144-ZcCYXWVRMZ.png)
処理が短いので1行にしてみました。しゅわっち!!
![](https://assets.st-note.com/img/1651891581770-8BRYorIQiK.png?width=800)
すっきりしましたね。
はいはーい。みなさーん。
ここでお待ちかねの私、アロー関数の出番です。
![](https://assets.st-note.com/img/1651891664152-1HhBR9Ld0F.png?width=800)
「function」が「=>」になりました。
![](https://assets.st-note.com/img/1651892027585-8gpXwFq8jI.png?width=800)
そうなんです。アロー関数になるために「function」から「=>」に変身したのです。
![](https://assets.st-note.com/img/1651892283526-ZEoaH9aIiR.png)
そして、もう1つ。
変身すると、functionと引数の位置が逆になるのです。
![](https://assets.st-note.com/img/1651892358088-Bn2E30Ogx2.png?width=800)
引数が前にあった方が、わかりやすいですよね。
ここでもう一つ。
そして処理がreturnだけのときは「return」と「{}」を省略できます。
![](https://assets.st-note.com/img/1651893055441-2Nm5RCtDei.png?width=800)
「return」と「{}」を省略!
![](https://assets.st-note.com/img/1651893631758-O1ierIrh4L.png?width=800)
「return」と「{}」よ、さらば!!
![](https://assets.st-note.com/img/1651892534683-uxmFm0MDZX.png?width=800)
いい感じにできました。
いえーい。
![](https://assets.st-note.com/img/1651894440358-h7UeZWRsFF.png)
アロー関数を読んでみよう
ではでは、アロー関数を読んでみましょう。
「=>」は「function」だよ!
![](https://assets.st-note.com/img/1651892753512-nUTJ1HxMSG.png?width=800)
「=>」の前の()は引数だよ!!
![](https://assets.st-note.com/img/1651892802675-qrSqOg5dsV.png?width=800)
=>のあとに書いているのは処理だよ。
処理がreturnだけ(1行)のときは「return」と「{}」を省略できるよ!!!
![](https://assets.st-note.com/img/1651892840259-shwYvBw5Ui.png?width=800)
意外とあっさりでしたね。
最後に一つ。
アロー関数は仮引数が1つのときは「()」を省略できます。
![](https://assets.st-note.com/img/1651899713724-sDxx5z1Exc.png?width=800)
ということで、正方形バージョン。
![](https://assets.st-note.com/img/1651899764834-ckxcfsPxBZ.png)
アロー関数としてはaliceさんと仲良くなれたので嬉しいです。
おしまい。
![](https://assets.st-note.com/img/1651899976774-8MgbcRWA6e.png)
この記事が気に入ったらサポートをしてみませんか?