Javascript 是否可以将Java脚本文件排列到'；名称空间'；为了避免冲突？

我正在使用高级html模板构建一个网站，该模板的一部分是Javascript。因此，在模板中，我有类似的东西-它在每页的“主模板”中

//Template JS
<script src="/js/core.min.js"></script>
<script src="/js/script.js"></script>

//模板JS

此外，作为本网站的一部分，我正在使用一个电子商务插件，这些文件也需要在页面上，因此如下所示：

//Plgin JS

    <script src="~/Scripts/jquery-1.10.2.min.js"></script>
        <script src="~/Scripts/jquery.validate.min.js"></script>
        <script src="~/Scripts/jquery.unobtrusive-ajax.min.js"></script>
        <script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>
        <script src="~/Scripts/underscore.min.js"></script>
        <script src="~/Scripts/bootstrap.min.js"></script>
 <script src="~/App_Plugins/Merchello/client/js/merchello.ui.min.js"></script>
        <script src="~/App_Plugins/Merchello/client/js/merchello.ui.settings.js"></script>
        <script src="~/App_Plugins/Merchello/client/js/fasttrack.js"></script>

//plginjs

问题是当JS都在页面上时会发生冲突。是否有一种方法可以将java脚本文件分组，使它们只能看到该组中的内容。。。像名称空间之类的概念

---

或者我只需要在同一个

html

页面中使用

script

标记将其全部取消点击？

否，因为浏览器只创建一个全局空间，所有脚本之间可见并共享

您可以尝试使用一些模块绑定器，如，等等。

---

或者，您可以使用在页面内部创建页面，并将插件html和脚本移动到

iframe

你可能想阅读javascript模块加载器，比如or。不，它们都将在相同的“空间”中运行