javascript - vscode 扩展在函数外使用变量

Question

Hello，在 vscode extension.js 中，我无法在其所在函数之外使用变量“chunk”:

let http = require('http');
let keyname = "key.key";
http.get('http://mysite.nl/vscode/?with=data', function(res) {
  res.on("data", function(chunk) {
    vscode.window.showInformationMessage("INSIDE: " + chunk);
  });
});
vscode.window.showInformationMessage("OUSIDE FUNCTION:" + chunk); /*this does not work*/

编辑:(尝试创建一个全局变量，但我在 javascript 上失败了很多，这应该有效吗？)

let globalvar;
let http = require('http');
let keyname = "key.key";
http.get('http://mysite.nl/vscode/?with=data', function(res) {
  res.on("data", function(chunk) {
    vscode.window.showInformationMessage("INSIDE: " + chunk);
    globalvar = chunk;
  });
});
vscode.window.showInformationMessage("OUSIDE FUNCTION:" + globalvar); /*this does not work*/

Answer 1

它不起作用有两个原因。首先，函数参数对于它们所属的函数来说是本地的:

function foo(bar) {
    console.log("Inside function: %s", typeof bar);
    function inner(){
      console.log("In function's scope: %s", typeof bar);
    }
    inner();
}

foo("Hi");
console.log("Elsewhere: %s", typeof bar);

其次，http.get()开始在另一个线程中获取URL并继续执行程序的其余部分，即它调用vscode.window.showInformationMessage()立即地。该变量甚至还不存在，因此，即使您没有范围问题，也不会打印任何内容。然后，一段时间后(即使只有几毫秒)GET 请求完成。 如果成功，那么function(chunk) {}最终会被调用——为时已晚!

let globalvar;
window.setTimeout(function (chunk){
    console.log("Done! Chunk is %s", chunk);
    globalvar = chunk;
}, 2000, "Hi!");
console.log("Chunk? %s", typeof globalvar);