javascript - 在 javascript 中隔离此引用

Question

我正在尝试制定一种 javascript 模块化编码风格。

目前，我在 global.js 中声明了一个“挂载变量”，它链接到 Web 应用程序中的所有页面。它包含全局站点内容，例如 javascript 语言切换:

var app = window.app || {};

app.Lang = (function ($) {
    "use strict";

    var init = function () {
       ...
        };
    };

    return { init: init };
})($);

app.GlobalLogic = (function ($) {
    "use strict";

    var ready = $(function () {
        app.Lang.init();
    });
}($));

如您所见，我正在使用立即执行的函数来初始化文件中已加载代码的逻辑。

现在我正在尝试编写一个独立的 javascript 文件，该文件可以与同一页面上加载的其他文件具有相似的变量名。这是一个例子:

app.GalleriesAdminLogic = (function ($) {
    "use strict";

    var MountDivID = "#galleries-management-view";

    ...

    var constructorFunction = function () {

        var initialDataObject = $.parseJSON($(MountDivID + " #initial-galleries-list").val());

      ...
}($));

注意变量 MountDivID。如果同时加载了一个类似的 js 文件，它也包含一个名为 MountDivID 的变量定义，是否会产生解析冲突？仅从本地函数寻址同名变量的正确模式是什么？

Answer 1

在函数内部声明的变量是该函数的局部变量。它们对其他函数不可见，并且它们“隐藏”在函数外部声明的同名变量。