函数 _.bind() 不会绑定对象

Question

我有一个视图 class 扩展 SugarCRM CreateView 并且我希望 this 在函数 checkMonths 中成为 this.model 当字段 starting_months_c 已更改，因此我可以键入 this.get() 而不是 this.model.get()。

/**
 * @class View.Views.Base.DoVPCreateView
 * @alias SUGAR.App.view.views.DoVPCreateView
 * @extends View.Views.Base.CreateView
 */
({
    extendsFrom: 'CreateView',
    initialize: function(options) {
        this._super('initialize', arguments);
        // ....
        this.model.on('change:starting_month_c', _.bind(this.checkMonths, this.model));
        // ....
    },
    checkMonths: function() {
        if (this.get('starting_month') == 12) {
            // ....
        }
    }

不幸的是，这个构造不起作用。我想知道，也许是因为 .on() 函数以某种方式设置了上下文本身？

我在文档中发现，您可以将上下文作为第三个参数传递给函数

object.on(event, callback, [context])

我试过了，但结果还是一样 - 视图是 this，而不是 model。

Answer 1

快速修复

上下文直接给.on:

this.model.on('change:starting_month_c', this.checkMonths, this.model);

但这样做只是误导性的修正。视图的函数都应该 this 是视图实例而不是其他任意对象。

// a simple example view
var View = Backbone.View.extend({
  initialize: function() {
    console.log("View init, month:", this.model.get('month'));
    
    // bind the context
    this.model.listenTo(this.model, "change:month", this.checkMonth);
  },
  // the callback
  checkMonth: function() {
    // here, `this` is the model which you should NOT do.
    // but for demonstration purpose, you can use `this.get` directly.
    console.log("checkMonth:", this.get('month'));
  },
});

// sample for the demo
var model = new Backbone.Model({
    month: 2 // dummy value
  }),
  view = new View({
    model: model
  });

console.log("change month");
model.set({
  month: 3 // set to trigger the callback
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.3.3/backbone-min.js"></script>

真正修复

如果您总是希望在该模型的任何实例发生 starting_month_c 更改时触发检查 "months" 回调，您可以将其移动到模型 class 本身。

var Model = Backbone.Model.extend({
    initialize: function() {
        // favor listenTo over `on` or `bind`
        this.listenTo(this, 'change:starting_month_c', this.checkMonths);
    },
    checkMonths: function(model, value, options) {
        if (this.get('starting_month') === 12) {
            // whatever you want
        }
    }
});

如果仅针对此特定视图，在回调中使用 this.model.get，因为它应该是 。这不是问题，这是执行此操作的标准方法。

有关 favor listenTo 原因的更多信息。

Answer 2

也许上下文比this.model更多：

.bind(this.checkMonths, this)

http://support.sugarcrm.com/Documentation/Sugar_Developer/Sugar_Developer_Guide_7.8/User_Interface/Views/Adding_Field_Validation_to_the_Record_View/index.html

函数 _.bind() 不会绑定对象

Function _.bind() won't bind an object

javascript

events

sugarcrm

backbone.js

underscore.js

快速修复

真正修复