我刚刚学习如何最好地组织我的javascript代码,我对我写的这小段代码有一个疑问:
var reportsControllerIndex = {
plotMapPoints: function(data) {
//plots points
},
drawMap: function() {
$.getJSON('/reports.json', function(data) {
reportsControllerIndex.plotMapPoints(data);
});
},
run: function() {
reportsControllerIndex.drawMap();
}
};
Run Code Online (Sandbox Code Playgroud)
问题是关于从reportsControllerIndex对象中调用reportsControllerIndex的另一个函数.我首先尝试了以下运行函数的代码:
run: function() {
this.drawMap();
}
Run Code Online (Sandbox Code Playgroud)
这很完美.但是,我很快发现这是为drawMap函数做的:
drawMap: function() {
$.getJSON('/reports.json', function(data) {
this.plotMapPoints(data);
});
}
Run Code Online (Sandbox Code Playgroud)
不起作用,因为"this"现在将引用getJSON调用的回调函数.
我的解决方案是将reportsControllerIndex放在我想要调用的所有方法的前面,但我很好奇:是否有一种更相对的方式来调用像这样的整体对象中的函数(就像你在一个类中所做的那样)标准的OO语言)?或者我现在被迫这样做,只是通过对象的名称调用方法?