验证对象解构

Question

假设我们有两个函数

/**
 * @typedef MyResponse
 * @property {Number} id - my awesome id
 * @property {Array<Number>} attributes - list of ids
 * */

/**
 * @return {Promise<MyResponse>}
 * */
function request0() {
  return Promise.resolve({id: 1, attributes: [1,2,3]});
}

和

(async function () {
  const { foo } = await request0(); // but it doesn't return foo, it returns id and attributes
  console.log(foo);
})();

是否可以以某种方式突出显示此类错误？我试图在 eslint 上找到一些东西，但没有运气。

谢谢

Answer 1

您可以简单地在文件开头添加// @ts-check 而无需使用 eslint。
然后，您会看到您的foo 有红线。
但是，您需要以这种方式将其添加到每个文件中。
更多细节在Type checking JavaScript 中使用 vscode。