在构建大型网站的jquery绑定时，在不同文件中分离视图

我正在尝试实现这种方式来构建我的jquery绑定，它非常完美。

我只有一个问题：
在本文的示例中，他将所有视图放在一个名为SITENAME的命名空间中，就像所有视图都应该存在于一个.js文件中一样，我如何将视图放在不同的.js文件
例如：将公共视图放在common.js文件中，将用户视图放在users.js 中

命名空间SITENAME只是一个JavaScript对象。

如果你有这样的代码：

SITENAME = {
  common: { ... },
  example1:  { ... },
  example2:  { ... }
}

您可以将其更改为：

SITENAME = {
  common: { ... }
};
SITENAME.example1 = { ... };
SITENAME.example2 = { ... };

正如您现在看到的，example1和example2对象仍然在SITENAME内部定义，但它们与SITENAME对象本身的定义是分开的。

因此，在您的情况下，您需要首先创建"namespace"对象（例如，创建同样包含一些配置内容的app.js），然后创建单独的.js文件，这些文件将在现有的SITENAME对象上定义自己的属性。

示例：

HTML:

...
<head>
  ...
  <script src="js/app.js" />
  <script src="js/example1.js" />
  <script src="js/example2.js" />
</head>
...

app.js（此处插入常用功能、配置等）：

App = { ... };

example1.js:

App.example1 = { ... };

example2.js:

App.example2 = { ... };

相关内容