JavaScript - 関数(クロージャ)

開発環境

• OS X Lion - Apple(OS)
• Safari (Webプラウザ)
• TextWrangler(Text Editor) (BBEditの無料、light版)
• Script言語:JavaScript
• JavaScript Library: jQuery

独習JavaScript 高橋 和也 (著), 竹添 直樹 (著), 里見 知宏 (著) の第6章(関数)6.5(クロージャ)の練習問題を解いてみる。

その他参考書籍

• JavaScript 第5版 David Flanagan (著), 村上 列 (翻訳)
• JavaScriptクイックリファレンス David Flanagan (著), 木下 哲也 (翻訳), 福龍興業 (翻訳)

1.

問題のプログラムを実行すると、ダイアログには1が表示される。

確認。(IEの場合ダイアログだと音が鳴ってびっくりするかもしれないのでブラウザに出力するように変更。)

コード(TextWrangler)

function closure(){
  var i = 0;
  return function(){
    i++;
    return i;
  };
}
var cl1 = closure();
var cl2 = closure();
cl1();
cl1();
$('#pre0').html(cl2());

2.

function counterOuter(){
  var i = 0;
  return function(){
    i += 1;
    return i;
  };
}

var counter = counterOuter();
var result = counter() + "<br />";
result += counter() + "<br />";
$('#pre1').html(result);