Javascript 范围变量（全局/本地）

Question

我想使用局部变量作为全局变量，有人告诉我这样做的方法是在函数外部创建变量，如下所示：

        var foo = null;

        function bar() {
            foo = 3;
        }

        console.log(foo);

但是 foo 记录的是 null，而不是 3。这是我能想到的最简单的示例，但主要是我希望能够在整个脚本中使用我在函数中创建的变量中的数据。

我做错了什么？

---

Ajax 请求中的相同问题：

var status = null;

.ajax({
  url: myUrl, 
  success: function (data) {
    status = data.status; //returns a string
    console.log(status); // it works, I get the string
  }, 
  dataType: 'jsonp' 
});

console.log(status); // still null

Answer 1

你需要先像这样调用函数。

    var foo = null;

    function bar() {
        foo = 3;
    }

    bar();
    console.log(foo);

---

最好的办法是调用一个函数，在 ajax 运行后记录数据。在这个例子中，我创建了一个名为 logit() 的函数，它在 ajax 请求状态下被调用。

var status = null;

$.ajax({
  url: myUrl, 
  success: function (data) {
    status = data.status; //returns a string
    console.log(status); // it works, I get the string
    logit();
  }, 
  dataType: 'jsonp' 
});

function logit(){
    console.log("logit(): " + status);
}

你得到 null 的原因是因为这是你的代码运行的顺序：

1. 将status 设置为空
2. 将 ajax 保存到内存中以在请求完成时运行，但实际上尚未运行
3. 记录 status 仍然是 null 因为成功回调尚未运行
4. ajax 请求终于完成并运行成功回调
5. status 设置为 data.status