Json 对象模型未更新

Question

我想像下面的代码一样更新 json 对象模型值。但是当我更改值时它似乎没有更新模型。我尝试删除异步代码，这似乎有效。为什么异步代码不起作用？有人可以解释我。谢谢var json = {  lang: "es",  country : "Spain",   city : {    cityname : "name"  }  };async function asynctranslateText() {  return new Promise((resolve, reject) => {    resolve("OK");  });}async function modifyJson(en) {  Object.keys(en).forEach(async function (item) {    if (typeof en[item] === 'object') {      await modifyJson(en[item]);    } else {      en[item] = await asynctranslateText();    }      });} (async () => {  await modifyJson(json);  console.log(json); })();Output{ lang: 'es', country: 'Spain', city: { cityname: 'name' } }Expected output:{ lang: 'OK', country: 'OK', city: { cityname: 'OK' } }

Answer 1

如果使用 for .. of 循环枚举对象键，结果将如预期。

最初的问题是当我们记录输出时，不会执行 modifyJson。

var json = {

  lang: "es",

  country : "Spain", 

  city : {

    cityname : "name"

  }  

};

async function asynctranslateText() {

  return new Promise((resolve, reject) => {

    resolve("OK");

  });

}

async function modifyJson(en) {

 for(let item of Object.keys(en)) {

    if (typeof en[item] === 'object') {

      await modifyJson(en[item]);

    } else {

      en[item] = await asynctranslateText();

    }

  }

}

 (async () => {

  await modifyJson(json);

  console.log(json);

 })();

Answer 2

modifyJson应该返回一个承诺才能被await编辑。

由于async隐式标记的函数会返回承诺，因此您可以使用与函数Array.map相反的方式来生成承诺数组。forEachasync

然后只需使用Promise.all等待所有这些完成。

请注意，此处的modifyJson和asyncTransalateText本身不需要标记为async。通常，函数不应标记为asyncAND 返回承诺。

var json = {

  lang: "es",

  country: "Spain",

  city: {

    cityname: "name"

  }

};

function asynctranslateText() {

  return new Promise((resolve, reject) => {

    resolve("OK");

  });

}

function modifyJson(en) {

  return Promise.all(Object.keys(en).map(async function(item) {

    if (typeof en[item] === 'object') {

      await modifyJson(en[item]);

    } else {

      en[item] = await asynctranslateText();

    }

  }));

}

(async() => {

  await modifyJson(json);

  console.log(json);

})();