javascript - 此示例代码的作用是什么？

Question

我在 jetbrains.com 上找到了这个例子

async function getWeather(cityid: number){
    var weather = await getForecast(cityid);
    var {t: temperature, h: humidity} = weather;
    return { temperature, humidity};
}

我了解 async/await，但我想了解最后两行发生了什么。

var {t: temperature, h: humidity} = weather;

据我所知，这是创建一个具有两个属性的 var，t 类型为温度，h 类型为湿度。

return { temperature, humidity};

对我来说，这看起来像是在返回一个新对象，它有两个子对象，温度和湿度。我不明白它是如何从天气对象中获取的。

我不知道这是一个 javascript 问题，还是一个 typescript 问题，所以我将两者都标记为。

Answer 1

var {t: temperature, h: humidity} = weather;

这称为解构。这是此处涵盖的概念:https://basarat.gitbooks.io/typescript/content/docs/destructuring.html

这里你说的是将 weather.t 放入 temprature 并将 weather.h 放入 humidity

return { temperature, humidity};

这将返回一个具有属性 temprature 和 humidity 的对象。这是简写​​:return { temperature:temperature, humidity:humidity};。这是 ES6 中的新符号之一:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Object_initializer