将读取的 yaml 文件分配给浏览器中的变量以在 jquery 中使用

Question

我正在尝试解析作为文件系统中的本地文件存在的 yaml 文件，并将其分配给可在 jquery 中使用的变量。 我可以从 console.log 看到 _yaml 变量包含可读格式的读取 yaml，但返回它并将其分配给 ymlconfig 似乎不起作用（//NOT WORKING 下面的部分在控制台中显示为未定义）。

$( document ).ready(function() {
    var ymlconfig = read_config('config.yaml');
    console.log(ymlconfig["compute"][0]); //NOT WORKING

    function read_config(cfgfile) {
        $.get({url: cfgfile, dataType: "text"}).done(function (data) {
            var _yaml = jsyaml.load(data);
            console.log(_yaml["compute"][0])  //WORKING OK
            return _yaml;
        });
    };

Answer 1

这个字符串：

console.log(ymlconfig["compute"][0]); //NOT WORKING

在读取配置之前执行。因为被调用的read_config('config.yaml') 在单独的线程中异步运行。

您的function read_config(cfgfile) 也不返回任何值。

为了更好地理解这种行为，请阅读并运行以下代码：

$( document ).ready(function() {
   var ymlconfig;
   read_config('config.yaml'); // calling function
   console.log(ymlconfig["compute"][0]); // is empty

   setTimeout(function() { // let's wait 2000 ms. hope it's enough to send the request and receive and read the response
      console.log(ymlconfig["compute"][0]); // TADA! It's read.
   }, 2000);

   function read_config(cfgfile) {
      $.get({url: cfgfile, dataType: "text"})
       .done(function (data) {
          ymlconfig = jsyaml.load(data);
      });
   };
});

因此，根据您的任务，您有多种选择：

在.done回调函数中处理配置数据，
或使您的请求同步，
或捕获异步响应（例如使用承诺） 或者别的什么？