获取视图模型的“类型”

Question

您可以通过 View 方法访问 View 的模型 - 例如 render()（通过其 model 属性）。但是假设您有许多不同的模型，并且将它们与相同类型的 View 一起使用，并在需要时更改 View 的 model 属性。

如何从 View 中确定它使用的是什么类型的模型？

var Model1 = Backbone.Model.extend();
var Model2 = Backbone.Model.extend();

var MyView = Backbone.View.extend({
  render:function(){
    console.log(" you're using: "+ model); // how to determine here is it using Model1 or Model2
  }
})

var mv1 = new MyView({model: new Model1()})
var mv2 = new MyView({model: new Model2()})

Answer 1

对象有身份，而不是名称。如果您想知道创建对象的构造函数的名称（可以认为是对象的类型；请参阅the ECMAScript Specification），防弹方法是使该信息成为构造对象的一部分：

var Model1 = Backbone.Model.extend({type: "Model1"});
var Model2 = Backbone.Model.extend({type: "Model2"});

var MyView = Backbone.View.extend({
  render: function () {
    console.log("You are using " + this.model.type);
  }
});

var mv1 = new MyView({model: new Model1()});
var mv2 = new MyView({model: new Model2()});

这样，模型对象通过原型链继承type属性。另见http://backbonejs.org/#View-render。

替代的、效率较低且可靠性较低的解决方案包括：

• 为构造函数命名并访问它：

  var Model1 = Backbone.Model.extend();
  Model1.name = "Model1";
  
  var MyView = Backbone.View.extend({
    render: function () {
      console.log("You are using " + this.model.constructor.name);
    }
  });
  
  var mv1 = new MyView({model: new Model1()});
  var mv2 = new MyView({model: new Model2()});
  

  （如果构造函数是，则不需要对 name 属性进行额外分配

  var Model1 = function Model1 () {
    // …
  };
  

  或

  function Model1 ()
  {
    // … 
  }
  

  但不幸的是，这不是 Backbone.js 的方式。）

• 解析命名Function 实例的字符串表示形式，例如构造函数。 但这取决于实现：

  var Model1 = function Model1 () {
    // …
  };
  
  var MyView = Backbone.View.extend({
    getModelName: function () {
      var aFunction = this.model.constructor;
      return (aFunction != null && typeof aFunction.name != "undefined" && aFunction.name)
        || (String(aFunction).match(/\s*function\s+([A-Za-z_]\w*)/) || [, ""])[1];
    },
  
    render: function () {
      console.log("You are using " + this.getModelName());
    }
  });
  

  （实现为jsx.object.getFunctionName()。但同样，Backbone.js 无法完全实现 AIUI。）

• 按照 DashK 的回答中的建议使用 instanceof。但这并不能立即或可靠地为您提供信息。 因为你必须把原型链中最重要的名字放在最前面，并且每当你改变原型链时就改变方法，或者你 会得到假阳性和假阴性：

  var MyView = Backbone.View.extend({
    render: function () {
      var modelName = "an unknown model";
  
      if (this.model instanceof Model1)
      {
        modelName = "Model1";
      }
      else if (this.model instanceof Model2)
      {
        modelName = "Model2";
      }
      else if (this.model instanceof Supermodel)
      {
        modelName = "Supermodel";
      }
  
      console.log("You are using " + modelName);
    }
  });
  

Answer 2

保持简单...

var Model1 = Backbone.Model.extend();
var Model2 = Backbone.Model.extend();

var MyView = Backbone.View.extend({
  render:function(){
    if (this.model instanceof Model1) {
      alert("You're using model1");
    }
    else if (this.model instanceof Model2) {
      alert("You're using model2");
    }
    else {
      alert("I've no idea what you're using");
    }
  }
})

var mv1 = new MyView({model: new Model1()});
var mv2 = new MyView({model: new Model2()});
mv1.render();
mv2.render();