在客户端 (Angular) 和服务器 (NodeJs) 上共享 Objectdefinition

Question

我正在尝试在服务器和客户端之间共享特定的 javascript“对象定义”（类）。在服务器上，我使用Node 和Express，在客户端上使用Angular。 （目前还没有数据库，因此不是整个 MEAN 堆栈）对象将通过 JSON 和 socket.io 发送。

例子：

'use strict';

var Foo = function (fid) {
  this.fid = fid;

  this.toJSON = function () {
    return ('{"fid":"' + this.fid + '"}');
  };

};

Foo.fromJSON = function (json) {
  var obj = JSON.parse(json);
  return new Map(obj.fid);
};

目前Foocode 位于单独的文件中。我想我需要更改我的“对象定义”？如果是，如何？我应该把它放在我的项目结构中的什么位置？ （我使用this 结构。）

谢谢

Answer 1

将这些类定义放入一个文件中，并使用<script> 和require 使用nodejs 包含到客户端中。

要在 nodejs 上实现这一点，您需要将类 def 传递给 module.exports 变量，该变量仅在 nodejs 中可用。

var Foo = function (fid) {
  this.fid = fid;

  this.toJSON = function () {
    return ('{"fid":"' + this.fid + '"}');
  };    
};

if(module && module.exports)
   module.exports = Foo;

然后就可以在nodejs中使用了：

Foo = require("foo.js");
var foo = new Foo();

如果您将每个类放在一个自己的文件中，则此解决方案有效。

如果您想在一个文件中包含所有类：

var Foo = function (fid) {
  this.fid = fid;

  this.toJSON = function () {
    return ('{"fid":"' + this.fid + '"}');
  };    
};

var Bar = function (fid) {
  this.fid = fid;

  this.toJSON = function () {
    return ('{"fid":"' + this.fid + '"}');
  };

};
if(module && module.exports){
   module.exports.Foo = Foo;
   module.exports.Bar = Bar;
}

在你的nodejs中：

var Classes = require("classes.js");
var foo = new Classes.Foo();

更新由于评论中的问题：

要在Bar 中使用Foo，您需要在nodejs 中使用require this，在客户端中您不需要任何东西（全局）。

var Bar = Bar || require("Bar.js");  //if class Bar is undefined, we work on nodejs and need to require the Bar file.

function Foo (){
  var bar = new Bar();
}

if(module && module.exports){
  module.exports.Foo = Foo;
}