javascript - Javascript：関数定義でグローバル変数を使用

Question

次のコードを実行しようとしています。

for (var i = 0; i <= 9; ++i) {
    State.prototype["button" + i.toString()] = function () {
        console.log("I am a digit button" + i.toString());
        this.setValue(i.toString());
    };
}

ただし、i変数は作成されたすべての関数に共通であるため、これは誤りです。たとえば、関数State.prototype.button0（）を次のように機能させたいとします。

console.log("I am a digit button" + "0");
this.setValue("0");

どうやってするの？

Answer 1

iの値が変更されないように、関数に渡します。

for (var i = 0; i <= 9; ++i) {
    (function(i){
        State.prototype["button" + i.toString()] = function () {
            console.log("I am a digit button" + i.toString());
            this.setValue(i.toString());
        };
    })(i);
}