Functionの表現と宣言(2)

ワン
2021-01-05
ワン
2021-01-05

前書き

みなさん!
こんにちは!

では、前回の記事に続けて、勉強しましょうか?

内容

Function表現式の長所

・closureで使用
・callbackで使用

closureはFunctionを実行する前に、そのFunctionに変数を渡したかった時使います。
例を挙げてみます。
```
function exampleFunction(index) {
        return function clickEvent(event)
                // 外にあるexampleFunction()のindexをここでアクセスできます。
                console.log(index); // itemをクリックする時ごと、そのitemのindexを表示
        };
}

var item = document.querySelectorAll('.item');
var x;

for( x = 0; x < item.length; x += 1) {
        item[x].onclick = exampleFunction(x);
}
```
ここで、分かるのはclosureを使ってexampleFunctionの外からindexにアクセスできた点です。

Function表現式は一般的に臨時変数に保存して使ってます。
```
var temp = function() {

};
```
JavascriptのAPIのforEach()を使う時もcallbackを使えます。
```
var exampleArr = [1, 2, 3];
exampleArr.foreach(function () {
        
});
```

最後に

いかがでしたか?

Function表現式が宣言式に比べて、長所が多いですが、
結局、これを理解している上にコードを作成するのが大事だと思います!

でも、自分がコーディングしやすい方法で進めるのがいいんじゃないでしょうか?

では、また!