クロージャーの利点が理解できない

Question

クロージャーの利点はグローバル変数を使わずにコードがかけると認識しているのですが、
http://dqn.sakusakutto.jp/2009/01/javascript_4.html
だとcがグローバルじゃないけどfがグローバル変数なんで結局グローバル変数が存在する事になって意味がないような気がします。
他のサンプルでもだいたいこんな形です。

それでもクロージャー使う方がいいのでしょうか？
ご教示頂けると幸いです。

think49 · Accepted Answer

実際にクロージャを使わない実装をしてみると、わかりやすいと思います。

(1) クロージャを使わない例
https://ideone.com/QcpkE
(2) クロージャを使った例
https://ideone.com/DoWf2

(2) ではローカル変数 xがプライベート変数扱いとなり、外部からアクセスできなくなります。
var x; を他で宣言しても干渉しません。

一方、(1) では他のコードで var x; を宣言することで名前空間の衝突が発生します。
グローバル変数 x を宣言しない事は勿論、x に不正な値が代入されないように注意しなければなりません。

> クロージャーの利点はグローバル変数を使わずにコードがかけると認識しているのですが、
それも利点の一つですが、本質ではないと思います。
上のサンプルではどちらのコードでも匿名関数で括ればグローバル変数は宣言されません。ただし、変数 x のスコープは異なります。
グローバル変数を宣言したくないのなら、全コードを匿名関数で括ってやり、更に一段階深いクロージャにすればいいのです…。

Chaire · Answer

// (1)
function combine (f, g) {
　return function () {
　　return g(f());
　};
}

function A() { alert('A'); }
function B() { alert('B'); }
function C() { alert('C'); }

var p = combine(A, B);
p();　// 'A', 'B'

var q = combine(B, C);
q();　// 'B', 'C'

関数と関数を組み合わせ、新しい関数を作り出しています。もし、これに条件を付けて「～のときは A と B」「～のときは B と C」のように関数を生成できたら、ひょっとすると「目的の動作をする関数を、自動的に作る関数」ができ上がるのではないでしょうか。

// (2)
function A (x, y, z) {
　return x + y + z;
}

var p = A(1, 2, 3);　// 6

言うまでもなく、x と y と z を足す関数です。しかし、「今は x と y のセットだけできるが、z が何か分からない」という場合もあるかもしれません。

function B (x, y) {
　return function (z) {
　　return A(x, y, z);
　};
}

var q = B(1, 2);
q(3);　// 6

こうすれば、先に x と y だけセットしておき、好きなタイミングで z をセットして結果を得られます。

---
高階関数、部分適用、遅延評価あたりをキーワードにクロージャ（関数閉包）の使い道を考えてみて下さい。やろうと思えば制御文の多くがコードから消えます。

しかし、現状の JS エンジンではかなり遅くなるでしょう。また、No.4 で指摘されているように、メモリ管理に関する不安材料も若干あります。ですから多用は勧めません。やり過ぎると解せないスパゲッティになるのは、グローバル変数と大差ないです。

とは言え、一度はクロージャの使い道を模索して下さい。その後、元の書き方に戻るにしても、コードの見え方が違うと思います。

fujillin · Answer

私もよくわかっていないので、かならずしも正しくはないと思いますが… ＞クロージャーの利点はグローバル変数を使わずにコードがかけると＞認識しているのですが変数化しなくてすむというのは匿名関数を利用することによるもなので、説明用のサンプルがとても簡単なものにしているためにそう見えるだけではないでしょうか？クロージャ的にすると、その環境も保持されるというのが一番大きなメリットではないでしょうか？変数の引渡しや管理をしなくても済むので便利という面もあります。簡単な例はNo1様が提示なさっているので、応用例にしてみると・・・以下のように、アニメーションで複数の要素を同時に扱おうとするときに便利とか… （例では処理関数を並行して実行させていますが、同じことをやるにしても、目的の機能を持つプロトタイプを作成しておいて、複数の実体化すると言う方法もあります）＞それでもクロージャー使う方がいいのでしょうか？必要を感じなければ使わない方が良いみたい。（クロージャを使うことが、メモリーリークの原因になりやすいようなので）クロージャなしに書き直してみれば、利点がわかるかと思います。（全角空白は半角に） sample

taloo · Answer

変数名の重複によるバグを予防できます。

babu_baboo · Answer

ていせい。
> ぐろーばるへんすうはつかわない
を、

かうんとするへんすうは、ぐろーばるにしない

babu_baboo · Answer

もんだい、その１

あるかんすうが、よばれるたびに、かうんとし、そのあたいをかえす、かんすうをかきなさい。
ただし、ぐろーばるへんすうは、つかわないものとする。
かうんとのしょきちは、さいしょにじゆうなすうちからはじめられるものとする。

クロージャーの利点が理解できない

実際にクロージャを使わない実装をしてみると、わかりやすいと思います。

// (1)

私もよくわかっていないので、かならずしも正しくはないと思いますが…

変数名の重複によるバグを予防できます。

ていせい。

もんだい、その１

似たような質問が見つかりました

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング