javascript - JavaScript コールバック/require.js/objects とのこの混乱

Question

アプリで次の構造を使用しようとしています: https://gist.github.com/jonnyreeves/2474026

コンストラクター内にコールバックを登録しようとしています。jquery を使用して例を作成しました。実際にはリーフレット マップですが、違いは問題になりません。

function Person() {
    this.name = "abc";

    $("#something").onSomeEvent(function() {
        this.name = "cde";
    });
}

コールバック内でオブジェクト プロパティ名を適切に参照するにはどうすればよいですか?

Answer 1

次のようなものを使用できます。

function Person() {
    this.name = "abc";
    $("#something").onSomeEvent(function() {
        this.name = "cde";
    }.bind(this));
}

Answer 2

   function Person() {
        var self = this;
        self.name = "abc";
        $("#something").onSomeEvent(function() {
            //this is right if you need
            self.name = "cde";
        });
    }

$('#someting') を右thisで使用できます。

bind を使用して問題を解決する場合、コールバックでこれは間違っています。

Answer 3

bind古い IE または jquerys ではサポートされていない を使用します。proxy

function Person() {
    this.name = "abc";

    $("#something").onSomeEvent(function() {
        this.name = "cde";
    }.bind(this));
}


function Person() {
    this.name = "abc";

    $("#something").onSomeEvent($.proxy(function() {
        this.name = "cde";
    },this));
}