javascript 関数を代入する理由

Question

下記の関数 add を単に実行すれば、() => cnt += 1 （無名関数）が
戻り値となることは理解できるのですが、
これを変数add1に代入することによって、意図した挙動（カウントアップ）
になる理由がわかりません。

const add = () => {
let cnt = 0 ;
return () => cnt += 1
}
const add1 = add()
console.log(add()) //[Function (anonymous)]
console.log(add1()) // 1
console.log(add1()) // 2

Answer 1

こちらの解説を順に読んでいくと分かりやすいかと思います。

■ [JavaScript]　猿でもわかるクロージャ超入門　１　問題
http://dqn.sakusakutto.jp/2009/01/javascript.html
■ [JavaScript]　猿でもわかるクロージャ超入門　２　関数の中の関数
http://dqn.sakusakutto.jp/2009/01/javascript_1.html
■ [JavaScript]　猿でもわかるクロージャ超入門　３　無名関数
http://dqn.sakusakutto.jp/2009/01/javascript_2.html
■ [JavaScript]　猿でもわかるクロージャ超入門　４　関数を返す関数
http://dqn.sakusakutto.jp/2009/01/javascript_3.html
■ [JavaScript]　猿でもわかるクロージャ超入門　５　クロージャを作る
http://dqn.sakusakutto.jp/2009/01/javascript_4.html

Comments

[y.koyama]

ありがとうございます。
リンクいただき助かります。読んでみます。