frontendmemo

このサイトは、「html、css、js、ツールなどについて、自分が覚えたこと、またはいつも忘れて調べることを書き溜め、それが結果といて勉強したての初心者の方や自分と同じような技術レベルの人の助けになることを目的とするWebログ」、略してブログです。挨拶→http://frontendmemo.hatenablog.com/entry/2016/06/25/115845

【JavaScript】クロージャを使って10回ボタンを押したらアラートを出す

スポンサードリンク


スポンサードリンク


下記を参考にクロージャを使って10回ボタンを押したらアラートを出してみたいと思います。

[JavaScript] 猿でもわかるクロージャ超入門 5 クロージャを作る · DQNEO起業日記

クロージャの条件

  • 外の関数のスコープ内で変数を定義し、
  • 外の関数の中に関数(=関数内関数)を作って
  • その関数内関数から、先ほどの変数を参照する

クロージャの利点

  • 「状態を保持する関数」を作ることができます。
function count(){
    var x = 1;
    return function (){   
      x += 1;
      if(x === 10){
         alert('10回押されました');
       }
    };
}

var aler =  count(); 
$('button').on('click', function(){
  aler();
});

DEMO

See the Pen eWNXRV by funclur (@funclur) on CodePen.