Javascript 如何简单地将一个方法导出到另一个.js文件中以包含在<;脚本>;标签?

Javascript 如何简单地将一个方法导出到另一个.js文件中以包含在<;脚本>;标签?,javascript,html,include,Javascript,Html,Include,我想将一个函数导出到另一个文件中,以便以后可以将其作为可以使用的其他库包括在内: toogle.js var toggle = function(){ ... } index.html <script src="../lib/toggle.js"></script> 如何在我的代码中使用toggle函数?请尝试将其放入toggle.js: function toggle() { code to be executed } 然后在index.html中,您

我想将一个函数导出到另一个文件中,以便以后可以将其作为可以使用的其他库包括在内:

toogle.js

var toggle = function(){
...
}
index.html

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


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

请尝试将其放入
toggle.js

function toggle() {
    code to be executed
}

然后在
index.html
中,您可以通过调用
toggle()

来正常使用它,您必须创建一个在脚本之间共享的全局命名空间

这样,您可以根据需要简单地添加到名称空间中

中的
main.js

中标记

工具 以下工具可以帮助您自动完成此操作,以便您可以专注于其他事情

  • 网页包()
  • 打字稿()

首先导入toggle.js文件:)有很多方法。检查。
/**
 * @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));
document.onload = (function(Toggle) {

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

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