Question

我想将一个函数导出到另一个文件，以便稍后可以将其包含在可以使用的每个其他库中：

toogle.js

var toggle = function(){
...
}

index.html

<script src="../lib/toggle.js"></script>

如何在我的代码中使用toggle函数？

Answer 1

您必须创建一个在脚本之间共享的全局命名空间。

这样您就可以根据需要简单地添加到命名空间。

main.js中的<head>。

/**
 * @Namespace Toggle
 */
(function(Toggle) {

    /**
     * Function description
     * @method      method1
     * @memberof    Toggle
     * @return      void
     */
    Toggle.method1 = function() {};

    /**
     * Function description
     * @method      method2
     * @memberof    Toggle
     * @return      void
     */
    Toggle.method2 = function() {};

})(window["Toggle"] || window["Toggle"] = Object.create(null));

<script>中的<body>标记。

document.onload = (function(Toggle) {

    Toggle.method1();
    Toggle.method2();

}).bind(window["Toggle"} || window["Toggle"] = Object.create(null));

工具

以下工具可以帮助您自动执行此操作，以便您可以专注于其他事项。

Webpack（webpack.io）
TypeScript（typescriptlang.io）

Answer 2

请尝试将其放在toggle.js：

中，而不是拥有它

function toggle() {
    code to be executed
}

然后在index.html中，您可以通过调用toggle()来正常使用它。

如何简单地将方法导出到另一个.js文件，以包含在<script>标签？</script>中

2 个答案:

工具