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表現式が宣言式に比べて、長所が多いですが、
結局、これを理解している上にコードを作成するのが大事だと思います!
でも、自分がコーディングしやすい方法で進めるのがいいんじゃないでしょうか?
では、また!