如何调用JavaScript对象中的方法

我只是在了解如何最好地组织我的 JavaScript代码,我有一个问题,关于我写的一小段代码：

var reportsControllerIndex = {
    plotMapPoints: function(data) {
        //plots points
    },drawMap: function() {
        $.getJSON('/reports.json',function(data) {
            reportsControllerIndex.plotMapPoints(data);         
        });
    },run: function() {
        reportsControllerIndex.drawMap();
    }
};

问题是关于从reportsControllerIndex对象中调用reportsControllerIndex的另一个函数.我曾经尝试过以下代码来运行函数：

run: function() {
    this.drawMap();
}

它工作完美.然而,我然后很快找到这样做为drawMap函数：

drawMap: function() {
    $.getJSON('/reports.json',function(data) {
        this.plotMapPoints(data);         
    });
}

不起作用,因为“this”现在将引用getJSON调用的回调函数.

我的解决方案是将reportControllerIndex放在我想要调用的所有方法之前,但我很好奇：有一种更相关的方法来调用这样的整体对象中的函数(就像你在一个类中标准的OO语言)？或者我被迫像现在这样做,只是通过对象的名称调用方法？

解决方法

你想将这个绑定存储在一个变量中.

drawMap: function() {
    var _this = this;
    $.getJSON('/reports.json',function(data) {
        _this.plotMapPoints(data);         
    });
}

原文地址：https://www.jb51.cc/js/151652.html