我只是在了解如何最好地组织我的
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);
});
}
