javascript - 如何在 Node.js 和 AMD 中使用 Backbone 模型(浏览器上的 require.js)

Question

我目前有一个工作 AMD使用 require.js 的主干模型如下:

// models/game.js
define(['backbone'],
function(Backbone) {

  var Game = Backbone.Model.extend({
    urlRoot  : '/games/'
  , defaults : {
      name : null
    }
  });

  return Game;
});

AMD/Backbone 组织来自 this tutorial和 jrburke's Pull Request for Backbone .

我也想在 Node.js 中使用 Backbone 模型，因为在过去不使用 AMD 时共享 Backbone 模型和集合效果很好，而且显然我是一个受虐狂。

所以我尝试了以下方法(受 Backbone mod 的启发):

// models/game.js
(function(root, factory) {
  if (typeof exports !== 'undefined') {
    factory(root, exports, require('backbone'));
  }
  else if (typeof define === 'function' && define.amd) {
    define(['backbone'], function(Backbone, exports) {
      factory(root, exports, Backbone);
    });
  }
}(this, function(root, Game, Backbone) {

  Game = Backbone.Model.extend({
    urlRoot  : '/games/'
  , defaults : {
      name : null
    }
  });

  return Game;
}));

但是当我在浏览器中包含 Game 时，它现在是未定义的:

// collections/games.js
define(['backbone', 'models/game'],
function(Backbone, Game) {

  var Games = Backbone.Collection.extend({
    model: Game

  , initialize: function() {
      console.log(Game) 
      // Game is undefined
      var game = new Game({ name: 'game1' });
    }
  });

  return Games;
});

当我查看 CommonJS notes 时，恐怕我还不清楚。 如何在浏览器中使用与 AMD 文件和 Node.js 模块相同的主干模型文件？

另外:有没有比每个文件顶部的约 10 行更简洁的方法？最好没有 define shim .

Answer 1

您是否也尝试过在 Node 上以 AMD 方式进行操作？

http://requirejs.org/docs/node.html - 如果您想在客户端和后端拥有相同的 AMD 模块，这可能是最佳解决方案。