Javascript - すべてのコールでこの関数の値がリセットされないのはなぜですか？

Question

私はjsbinを作って、何を意味するのかを実証しました。なぜ集会を数えますか？私は関数のすべての呼び出しで、すべての内部変数がリセットされます。

http://jsbin.com/kilonepece/edit?html,js,console,output

function test(text) { 
    var count = 0; 

    return function() { 
    console.log(text + ' ' + count); 
    count++; 
    } 
} 

document.getElementById('button').addEventListener('click', test('clicked')); 

これは、コンソールに、このログに記録されたことになります。

は "0をクリックし、" "1クリック" "2をクリックした" "3をクリックし、"

Answer 1

上

ので、あなたはtestcountがリセットされますを起動するたびに "4をクリックしました"。あなたがやっているのは、testを一度呼び出して、返された関数をイベントハンドラとして割り当てることです。これは、countのイベントハンドラが0の値を持つようにしてから、クリックごとにその値をインクリメントします。

countは、クロージャの「内部」変数ではなく、ただ1回だけ呼び出す関数testに限られます。

Answer 2

これは常にリセットする必要があります。以下試してください：

function test(text) { 
    var count = 0; 
    return function() { 
    console.log(text + ' ' + count); 
    count++; 
}() 
} 
document.getElementById('button').addEventListener('click', test('clicked'));