在两个JS文件之间共享代码

share Code between two JS files

本文关键字：文件 之间 共享 代码 JS 两个      更新时间：2023-09-26

我有以下(使用MVC5项目)代码，我需要在两个不同的JS文件中使用。那最好的方法是什么呢?

$("#act").prop("disabled", "disabled");
$("form").change(function () { 
    $("#act").removeAttr("disabled");
    $("#btn").prop("disabled", "disabled");
});
$("input").keyup(function () { 
    $("#act").removeAttr("disabled");
    $("#btn").prop("disabled", "disabled");
});

也许这不是最佳方法，但应该在更简单的项目中正确工作。创建第一个名为common.js的文件，代码为:

MyApp = {};
MyApp.Common = {};
MyApp.Common.initializeForms = function() {
    $("#act").prop("disabled", "disabled");
    $("form").change(function () { 
        $("#act").removeAttr("disabled");
        $("#btn").prop("disabled", "disabled");
    });
    $("input").keyup(function () { 
        $("#act").removeAttr("disabled");
        $("#btn").prop("disabled", "disabled");
    });
}

MyApp是应用程序的命名空间。Common命名空间用于存储模块间的公共函数。

将此文件包含在使用此代码的地方，并通过以下方式调用:

MyApp.Common.initializeForms();

显然有更专业的方法来做到这一点，例如使用RequireJS或其他依赖注入库，但这种方法工作得很好，特别是如果你把整个代码捆绑在一个文件中。

相关文章：