Backbone.js Collection中的日誌更改，我的收藏夾未定義

Question

嘿！ Im新的Backbone.js，所以這很可能是一個簡單的問題。

我想每次改變時我的朋友集合console.log。所以我已經在集合中綁定了all事件來調用我的logFunction ..但是在日誌函數this.friends中未定義。爲什麼？

這是我的 「應用程序」：

(function ($) { 


     Friend = Backbone.Model.extend({ 
      //Create a model to hold friend atribute 
      name: null 
     }); 


     Friends = Backbone.Collection.extend({ 

      model: Friend, 
      //This is our Friends collection and holds our Friend models 
      initialize: function (models, options) { 
       this.bind("add", options.view.addFriendLi); 
       this.bind("all", options.view.logFriendsCollection); 

       //Listen for new additions to the collection and call a view function if so 
      } 
     }); 

     window.AppView = Backbone.View.extend({ 
      el: $("body"), 

      initialize: function() { 
       this.friends = new Friends(null, { view: this }); 
      }, 

      events: { 
       "click #add-friend": "showPrompt" 
      }, 


      showPrompt: function() { 
       var friend_name = prompt("Who is your friend?"); 
       var friend_model = new Friend({ "name": friend_name }); 

       this.friends.add(friend_model); 
      }, 

      addFriendLi: function (model) { 
       $("#friends-list").append("<li>" + model.get('name') + "</li>"); 

      }, 

      logFriendsCollection: function (args) { 
       console.log("Friends", this.friends); 
      } 

     }); var appview = new AppView; 

Answer 1

我認爲，當您將視圖的logFriendsCollection方法綁定到Friend集合時，該方法也會收到集合的上下文。所以當你在方法中引用this時，this引用的是集合而不是視圖。

我與它搞亂你的周圍提琴手鍊接，和我改變，使它的代碼工作是

  logFriendsCollection: function() { 
       console.log("Friends", this); 
      } 

Answer 2

在你AppView.initialize你應該叫_.bindAll(this, 'logFriendsCollection')綁定this到AppView。