javascript - JavaScript Callback/this confusion with require.js / objects

Question

I try to use the following structure in my app: https://gist.github.com/jonnyreeves/2474026

I try to register some callback inside my constructor. I made an example using jquery, actually it's leaflet maps, but the difference shouldn't matter.

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

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

How do I properly reference my object-property name, inside the callback?

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 或 jquery 中不支持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));
}