无法更改函数内部的全局变量（JavaScript）[重复]

Question

我有一个名为 result 的全局变量和一个函数，目的是改变 result 的值。这是我尝试过的代码：

checkdate();

function checkdate() {
    //defining startdate,enddate,hotel_id

    $.ajax({
    method: 'GET',
    url: '/checkdate',
    data: {startdate : startdate, enddate : enddate, checkroom : 1, hotel_id : hotel_id},
    success: function(response){
        storeResponse(response);
    }
    });
}

var result = [];
function storeResponse(response) {
    window.result = response;
}
alert(result);

警报不返回任何内容，但是如果我将警报放在函数内部，它会返回响应。这似乎很容易，但我无法弄清楚。

在所有这些代码之前调用该函数。

Answer 1

这里有两件事你需要知道：

1. var result 与 window.result 不同，因此请使用 window.result = "Test"; 而不是 var 声明。
2. 您需要在alert 代码之前调用storeResponse()，以便它设置新值，然后在alert 中获取该值。

window.result = "Test"; //in global scope
function storeResponse(response) {
    window.result = response;
    console.log(window);
}
storeResponse("Hello");
alert(result);

Answer 2

您应该首先调用该函数，以便填充结果变量。

var result = []; //in global scope
function storeResponse(response) {
    window.result = response;
}
storeResponse('callSomething');
alert(result);

Answer 3

你说你是先调用函数，所以你必须有这样的东西：

storeResponse('someResponse');
var result = []; //in global scope
function storeResponse(response) {
    window.result = response;
}

alert(result);

问题如下：

1. 在第一行中，您正在调用您的函数。该函数在窗口中设置一个新的result var，全局作用域

2. 在第二行中，您将覆盖 result var: var result = []; 它允许您使用空数组，这就是警报看起来为空的原因

尝试注释第二行，它会起作用：

storeResponse('someResponse');
//var result = []; //in global scope
function storeResponse(response) {
    window.result = response;
}

alert(result);

或者更好的是，先声明 var：

var result = []; 
storeResponse('someResponse');

function storeResponse(response) {
result = response; // You don't need to use window (if the var is not declared inside the function, is global by default)
}

alert(result);

Answer 4

那是因为 AJAX 是异步的。这意味着代码是非阻塞的。 想象一下 AJAX 调用被传递给另一个线程进行处理，同时执行其余代码。在 AJAX 请求收到它的响应之前触发警报。这就是为什么如果您在回调中发出警报，它会起作用。