Question

    var resultItemView = Marionette.CompositeView.extend({
        render : function(){            
            google.load("visualization", "1", {packages:["table"], callback: function() {       
                     var self = this;       
                     this._drawVisualization(self);
            }});
        },

       _drawVisualization : function(self){ 
           var data = new google.visualization.DataTable();

            //Here i'm creating data table  ...

            var chart = new google.visualization.LineChart(self.$el.find("#graphDiv"));
            chart.draw(data, null, null);               

       },
       return resultItemView;
   });

在渲染功能中，正在加载谷歌可视化，并在回调函数中调用drawVisualization。此外，我将“this”对象作为参数传递给此函数。为此，我使用了匿名函数。在drawVisualization函数中，self等于这个“this”对象。但我得到这个错误：“未捕获TypeError：对象[对象全局]没有方法'_drawVisualization'”。我究竟做错了什么？我怎么能纠正它？谢谢你的帮助。

Answer 1

您需要将var self = this;置于google.load的呼叫之外。

   var resultItemView = Marionette.CompositeView.extend({
        render : function(){     
            var self = this;       
            google.load("visualization", "1", {packages:["table"], callback: function() {       

                     self._drawVisualization(self);
            }});
        },

这是因为您将作为回调参数传递给google.load的匿名函数将被调用而不指定this上下文 - 因此这将是全局（窗口）对象。在render函数内部，您将拥有正确的this并可将其存储在变量self中，以便在回调函数中引用它。

修改此外，如果您这样做，则无需再将this上下文传递给_drawVisualization方法。完整示例：

var resultItemView = Marionette.CompositeView.extend({ render : function(){ var self = this; google.load("visualization", "1", {packages:["table"], callback: function() { self._drawVisualization(); }}); }, _drawVisualization : function(){ var data = new google.visualization.DataTable(); //Here i'm creating data table ... var chart = new google.visualization.LineChart(this.$el.find("#graphDiv")); chart.draw(data, null, null); }, return resultItemView; });

未捕获的TypeError：对象[object global]没有方法

1 个答案: