javascript - 如何访问在严格上下文之外定义的变量？

Question

假设我有两个 javascript 文件:

1. Master.js:包含变量初始化和加载child.js文件
2. Child.js:包含一组特定的函数

Master.js的内容是这样的:

<script src="child.js"></script>

<script>
    var GlobalVariables = {
        'baseUrl": "localhost"
    };

    $(document).ready(function() {
        Child.initialize(true);
    });
</script>

如您所见，Master.js 文件加载了 Child.js 文件并创建了一个我需要在其中使用的 GlobalVariables child 。

这是我目前在 Child.js 中所做的:

window.Child = window.Child || {};

(function (exports){
   "use strict";

   exports.GlobalVariables= {};

   exports.initialize = function (bindEventHandlers) {
       bindEventHandlers = bindEventHandlers || true;

       exports.GlobalVariables= GlobalVariables;
   }

   var label = $('#someLabel').html(GlobalVariables.baseUrl);

我也使用 exports. 定义了变量 GlobalVariables，但我只能在 中使用 GlobalVariables.baseUrl 访问它initialize 函数，在 label 我得到:

Uncaught ReferenceError: GlobalVariables is not defined

我做错了什么？

更新

好的，感谢@Quentin 的回答，我能够对我的代码应用以下编辑:

exports.initialize = function (bindEventHandlers) {
   bindEventHandlers = bindEventHandlers || true;

   if (bindEventHandlers) {
        _bindEventHandlers();
   }
}

function _bindEventHandlers() {
  var label = $('#someLabel').html(GlobalVariables.baseUrl);
}

Answer 1

在 child.js 中，您尝试读取 GlobalVariables 的值 然后 在您的内联脚本中，声明 GlobalVariables 并赋予它一个值。

您必须声明变量之前您可以从中读取。