typescript语法如何让{var} = var工作？

Question

我正在尝试学习如何在Angular中使用电子，并且与我从Electrogram应用程序中看到的语法混淆。

链接：https://github.com/onehungrymind/electrogram

在electrogram项目的 app.ts 文件中，我看到了语法：

import { remote, ipcRenderer } from 'electron';
...
let {dialog} = remote;

我认为它指的是路径 typings / globals / github-electron 中项目 index.d.ts 中的dialog: Electron.Dialog;，尽管我真的不知道知道这是怎么回事。 （我也是打字稿的新手。）

如果这是全局宣布的，那么它至少不应该是Electron.CommonElectron.dialog吗？  编译器如何通过只说let { dialog }来立即知道我们所指的是什么？

对此的任何解释都会非常感激，因为我真的不知道最新情况。

Answer 1

您正在寻找的词是解构。见https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment

基本上，从对象中选择一个属性并为其创建一个新变量。

let a = { x: 1, y: 2 };
let { x } = a;
console.log(x) // 1