我刚刚学习如何最好地组织我的 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 函数的代码:
run: function() {
this.drawMap();
}
效果很好。然而,我很快发现对 drawMap 函数这样做:
drawMap: function() {
$.getJSON('/reports.json', function(data) {
this.plotMapPoints(data);
});
}
不起作用,因为“this”现在引用 getJSON 调用的回调函数。
我的解决方案是将 reportsControllerIndex 放在我想要调用的所有方法的前面,但我很好奇:是否有一种更相对的方式来调用像这样的整个对象中的函数(就像您对中的类所做的那样)标准的面向对象语言)?或者我是否被迫像现在一样这样做,只是通过对象的名称调用方法?