使用 javascript 文件作为变量答案

【问题标题】：Use a javascript file as a variable使用 javascript 文件作为变量
【发布时间】：2016-05-17 05:33:09
【问题描述】：

我需要一个解决方案来管理我的项目中的 js 文件。

有什么方法可以在我的 html 中引用这样的 js 文件？

<script>
   var someName = use("somejsfile.js")
</script>

然后像这样使用它

<input onclick="someName.saveThisInput()">

目前我项目中的js文件是这样制作的：

$( document ).ready(function() {});

var abc = "some global var";
// a lot of other globals

function saveThisInput(){}
function saveThisInput1(){}
function saveThisInput2(){}

编辑

我无法对预先存在的 js 文件进行任何更改，因此 require.js 将不起作用。我的目标是合并两个或多个具有名称冲突的此类 js 文件

【问题讨论】：

How to manage client-side JavaScript dependencies?的可能重复
最终目的是什么？您要在什么环境/上下文中加载单个文件？您要解决的问题是什么？
我应该使用的 js 文件是一团糟。他们是我必须与之合作的巨大丑陋的野兽。我想要命名空间，以便我当前的模块将使用命名空间对象而不是来自这些文件的全局变量。
@AnshuSrivastava 修复了那些“丑陋的野兽”文件，这样他们就可以在自己的闭包中做所有事情，并明确设置需要外部引用的东西;(function () { /* do stuff */ ; if(!window.fileNameSpace) window.fileNameSpace = someGeneratedObject;}());
我根本没有那种时间，这会让其他人感到困惑。

标签： javascript html

【解决方案1】：

您可以在 js 中使用命名空间，将 js 文件编辑为如下所示：

var hello = {

  world: function() {
      alert("hello world!");
  },

  foo: function() {
      alert("foo");
  }
};

并像这样使用它：

hello.world();

【讨论】：