javascript - 主干奇怪的语法

Question

我真的很努力地理解 Backbone 的语法，但失败得很惨，看看下面的代码:

var MenuItemDetails = Backbone.Model.extend({});

我查看了Backbone.js的源代码，发现了以下Backbone.Model声明

var Model = Backbone.Model = function(attributes, options) {
  var attrs = attributes || {};
  options || (options = {});
  this.cid = _.uniqueId('c');
  this.attributes = {};
  if (options.collection) this.collection = options.collection;
  if (options.parse) attrs = this.parse(attrs, options) || {};
  attrs = _.defaults({}, attrs, _.result(this, 'defaults'));
  this.set(attrs, options);
  this.changed = {};
  this.initialize.apply(this, arguments);
};

据我了解var Model现在是一个函数，它将作为构造函数工作。我不明白的是:

1. 我们没有调用 var myModelObject = new Model() 或 var myModelObject = new Backbone.Model()。相反，我们调用的是 Backbone.Model.extend()。作为构造函数，它到底是如何工作的？
2. 这个调用 Backbone.Model.extend() 让我心碎。我们正在另一个名为 Backbone.Model
的函数上调用一个名为 extend 的函数。

Answer 1

我认为您对两个不同的目标感到困惑:

var myModelObject = new Backbone.Model() 或 var myModelObject = new MyCutomModel() 用于创建模型的新实例。

Backbone.Model.extend() 用于创建您自己的自定义模块，因此您的代码将如下所示:

var MyCutomModel = Backbone.Model.extend({
    initialize: function () {
        // Overwrite the default initialize function
    }, 
    customMethod: function () {
        // Write your own custom method that you can use in this model
    }
});

扩展方法不是 JavaScript 的一部分。 Javascript 不存在原生的默认 extend 方法。

但是，许多库都有自己的 extend 方法，并且库和个人编写自己的 extend 方法很常见(尽管他们所做的可能完全不同， $.extend、_.extend、Backbone.Model.extend 都是不同的；尽管 $.extend 和_.extend 非常相似)。

Backbone 有自己的自定义 extend 方法 ( Read the Source Code )，它基本上向对象及其原型(prototype)添加属性和方法。

创建 MyCutomModel 的实例后，您可以使用在 extend 中为其定义的方法。

var my_custom_model = new MyCutomModel();
my_custom_model.customMethod();

回答你问题的第二部分:是的，这有点令人困惑。这是 JavaScript!

Backbone.Model 是一个函数，但该函数的作用是返回一个对象。该函数还可以具有您可以在该函数上调用的方法。看一下取自此 stackoveflow question 的以下代码:

function Foo(){}
Foo.prototype.bar = function(){}
var x = new Foo()
x.bar()

因为 JavaScript 函数实际上是 Function object ，在 JavaScript 中，函数可以返回某些内容并且也有一个方法，这是完全可以的。