为什么在backbone.js视图中使用bindAll？

发布于 2024-11-08 15:11:47 字数 383 浏览 3 评论 0原文

在backbone的todo demo中，代码有几个地方_.bindAll(this, ...) 使用。具体来说，它在两个视图的 initialize 函数中使用。据我所知，有必要执行以下操作：

this.$('.todo-content').text(content);

但是，当人们可以执行以下操作时，为什么要执行上述操作：

$('.todo-content').text(content);

？

原文

In backbone's todo demo the code has a few spots where _.bindAll(this,...) is used. Specifically it's used in the initialize function of both views. As far as I can tell it's necessary to do the following:

this.$('.todo-content').text(content);

But why would one want to do the above, when one can do:

$('.todo-content').text(content);

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

想你只要分分秒秒 2024-11-15 15:11:47

_.bindAll( this, ... ) 不仅对于 this.$(selector ).doSomething() 是必要的，而且通常是为了确保 this<视图方法中的 /code> 始终指向视图本身。

例如，如果我们想在模型更改时刷新视图，我们将视图的 render 方法绑定到模型的 change 事件：

initialize: function() {
    this.model.bind( 'change', this.render );
},

Without _.bindAll( this , 'render' )，当模型更改时，render 中的 this 将指向模型，而不是视图，所以我们两者都不会this.el 也不是 this.$ 或任何其他可用的视图属性。

_.bindAll( this, ... ) is necessary not only for this.$( selector ).doSomething() but generally to be sure that this in your view's method is always pointing to the view itself.

For example, if we want to refresh our view when the model changes, we bind the view's render method to the model's change event:

initialize: function() {
    this.model.bind( 'change', this.render );
},

Without _.bindAll( this, 'render' ), when the model changes this in render will be pointing to the model, not to the view, so we won't have neither this.el nor this.$ or any other view's properties available.

回复收藏 0 原文

赠佳期 2024-11-15 15:11:47

从 Backbone 0.5.2 开始，不再需要在视图中使用 _.bindAll(this...) 来设置“绑定”回调函数的上下文，因为您现在可以将第三个参数传递给 bind()将设置回调的上下文（即“this”）。

例如：

var MyView = Backbone.View.extend({
  initialize: function(){
    this.model.bind('change', this.render, this);
  },
  render: function(){
    // "this" is correctly set to the instance of MyView
  }
});

As of Backbone 0.5.2, it's no longer necessary to use _.bindAll(this...) in your views to set the context of the "bind" callback functions, as you can now pass a 3rd argument to bind() that will set the context (i.e. "this") of the callback.

For example:

var MyView = Backbone.View.extend({
  initialize: function(){
    this.model.bind('change', this.render, this);
  },
  render: function(){
    // "this" is correctly set to the instance of MyView
  }
});

回复收藏 0 原文