javascript - ローカル変数を参照しながらJavaScript関数を定義する

Question

JavaScript関数を定義するときに変数の現在の値を使用することは可能ですか? 次のコードでは、クリック関数を div の配列に追加したいと思いますi。最初の div は を呼び出す必要がありますsetCurrentStyleIndex(0)。現時点では、それらはすべて、呼び出しi時の値が何であれ呼び出します。

これがばかげた質問である場合は申し訳ありません。

Step3.populateStyleMenu = function() {
    var stylePopup = $("#stylePopup");
    for(var i = 0; i < Step3.fontStyles.length; i++) {
        var div = $('<div>'+Step3.fontStyles[i][0]+'</div>');
        div.css({
            'font-weight': Step3.fontStyles[i][1],
            'font-style': Step3.fontStyles[i][2],
        })
        div.data('style', Step3.fontStyles[i]);
        div.addClass('personalizePopupItem personalizeStyleItem');


        div.click(function() {
            setCurrentStyleIndex(i);
        });


        stylePopup.append(div);
     }
}