重寫方法無法正常工作

Question

我正在嘗試使用以下代碼動態地重寫該方法。

"use strict"; 

define(function (require) { 
    var Backbone = require('backbone'); 

    var TestView = Backbone.View.extend({ 

     initialize: function() { 
      var that = this; 
      that.model.on("change", this.render, this); 
     }, 

     render: function() { 
      this.initialRender(); 
      this.$el.html("Work to do everytime"); 

      this.render = function() { 
       this.$el.html("Work to do everytime"); 
      } 
     }, 
     initialRender: function() { 
      console.log("Work to do once only"); 
     } 

    }); 

    var model = new Backbone.Model(); 
    var view = new TestView({ 
     model: model 
    }); 

    view.render(); 
    view.render(); 

    view.model.set("testdata", "data"); 
}); 

我想這樣的輸出：

Work to do once only 

但我得到這樣的輸出：

Work to do once only 
Work to do once only 

誰能請解釋一下，究竟是怎麼回事？

Answer 1

問題是您的事件處理函數已經綁定到渲染函數的原始版本。替換this.render參考不會改變這個事實。

Derick Bailey寫了一個blog post描述問題。