如何在 JavaScript 中创建数据结构？

Question

我是一名 C# 开发人员，同时也在尝试使用 JavaScript。

对于数据处理程序，我想创建如下数据结构：

id,
begin,
end,
organiser,
    name,
    city,
    postalcode,
    street,
venue,
    name,
    city,
    postalcode,
    street

来自 C#，我将为主要结构创建一个“类”（gig.js）：

function Gig(gig)
{
  this.id = gig.id;
  this.begin = gig.begin;
  this.end = gig.end;
  this.organiser = gig.organiser;
  this.venue = gig.venue;
}

还有一个用于组织者和场地的“课程”（address.js）：

function Address(a)
{
  this.name = a.name;
  this.city = a.city;
  this.postalcode = a.postalcode;
  this.street = a.street;
}

由于我需要在Gig-class中引用Address-class，所以我想在主类中引用address-class，比如

包含地址.js

我在网上搜索过，令我大吃一惊的是，似乎根本没有包含机制。 HTML5 引入了一种将 JavaScript 包含在另一个 JavaScript 中的方法，but is seems like no browser is supporting this so far 我红色了一些 possible solutions here，但它们看起来都像是（按照我的预期）简单的一行代码的 hack。

那么，现在你如何使用另一个 JavaScript 文件？我需要为此使用其他架构方法吗？我是否只是将它们包含在调用 html 中，并且当我为主类编写代码时，我只是希望地址类也已加载？

提前致谢，
弗兰克

Answer 1

简单的方法：在 HTML 中嵌入类：

<script src="path/to/address.js"></script>
<script src="path/to/gig.js"></script>
<script>
    // address is loaded before gig (sync loading), and now can use both
</script>

对于更复杂的依赖关系：处理它的常用方法是使用 browserify 捆绑您的模块

编辑： 由于后者似乎是您正在寻找的，这里有一个例子：

src/gig.js:

// require dependencies
// one of your source files
var Address = require('./src/address');
// npm package dependency as installed by npm i someLib --save-dev
var someLib = require('someLib');

var Gig = function() {
    this.address = new Address();
}
// provide dependency
export.Gig = Gig;

main.js：

var exampleStuff = require('src/Gig');
go();

您通过 npm 安装 browserify 和其他模块，然后捆绑：

browserify main.js -o dist.js

然后在你的 html <script> 标签中包含 dist.js

Answer 2

使用RequireJS。 Requirejs 是一个库，它提供了一个很好的接口来处理依赖项。有一个很好的教程here。除此之外，你是对的，目前没有实现的方法来强制 JS 中的依赖项，除了希望使用你的 JS 文件的人在 html 中添加了正确的源元素。这就是为什么 JavaScript 库通常被压缩为一个文件的原因。