javascript - 在单独的 JS 文件中包含辅助函数(客户端)

Question

关闭。这个问题是 opinion-based 。目前不接受答案。

---

想要改进这个问题吗？更新问题，以便 editing this post 可以用事实和引文来回答它。 .

已关闭10 年前。

Improve this question

首先，我知道这在很大程度上可能是相当低级的，很抱歉在提出这个问题之前没有真正尝试过任何事情。

你们建议使用什么方法将辅助函数包含在单独的文件中？我习惯了node.js的module接口(interface)来做到这一点，但我并不是 100% 知道如何在客户端实现类似的功能。

我想抽象到自己的文件中的小例子:

var helpers = (function() {
  var _helpers = {};

  _helpers.buildDateFromDelta = function(delta) {
    date = new Date();
    date.setDate(date.getDate() - delta);
    date.setHours(0, 0, 0, 0);

    return date;
  };

  return _helpers;
})();

Answer 1

我对辅助函数进行编码的方式已经设置好，这样我就可以轻松地将它们包含在单独的文件中。

HTML

<script src="/javascript/helper.js" type="text/javascript">
<script src="/javascript/file-using-helpers.js" type="text/javascript">

helper.js

var helpers = (function() {
  var _helpers = {};

  _helpers.buildDateFromDelta = function(delta) {
    date = new Date();
    date.setDate(date.getDate() - delta);
    date.setHours(0, 0, 0, 0);

    return date;
  };

  return _helpers;
})();

文件使用helpers.js

var date = helpers.buildDateFromDelta(0);
console.log(date.getFullYear());  // Works

var otherIIFEExample = (function(lib) {
  console.log(lib.buildDateFromdelta(0).getFullYear());
})(helpers);

这是有效的，因为在声明辅助变量时，它是在全局范围内设置的(我假设)。该文件之后包含的其他顶级范围文件也可以使用该变量。