javascript - NGXS - 有好心人可以向我解释一下这个外星语法吗

Question

我对状态管理的概念很陌生，当然还有 ngxs。我对我的 TypeScript/JavaScript 也不太有信心。目前，我正在构建身份验证。好消息是官方文档有一些身份验证操作的示例，但我无法理解一些内容。 https://ngxs.gitbook.io/ngxs/recipes/authentication

1)这是什么？

const { token } = getState();

这是一个快捷方式

state = getState();
const token = state.token;

Answer 1

这称为解构: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment

如果你有一个对象，可以说:

const something = {
   prop1:1,
   prop2:2,
   prop3:3
}

然后你可以写:

const {prop1} = something

您将获得名为 prop1 的本地常量，其中填充了来自 something.prop1 的值。

现在，在您的示例中，只需将对象文字 (something) 切换为返回相同内容的函数 (getState())。