javascript - 将对象传递给函数时如何指定 TypeScript 类型？

Question

我有一个函数:

export default function AppNavbar({ isEditor }) {

我想指定 isEditor 是 boolean。

我试过了:

export default function AppNavbar({ isEditor: boolean }) {

但这似乎不起作用。非常感谢任何帮助。谢谢!

Answer 1

您在正确的轨道上，但是您尝试的语法已在 JavaScript 中用于 aliasing destructured variable names .

您可以像这样注释解构函数参数:

type ItemType = {
  isEditor: boolean;
};

// The type needs to be specified after the parameter:
function doSomething({isEditor}: ItemType) {
  const alias: boolean = isEditor;
}

// Inline type annotation works too:
function doSomethingElse({isEditor}: {isEditor: boolean}) {
  const alias: boolean = isEditor;
}

// You can't type the destructured fields because that syntax is already used
// for aliasing the destructured parameters. Here, 'isEditor' is aliased to 
// 'someOtherVariableName'.
function doSomethingWithAliasedArg({isEditor: someOtherVariableName}: ItemType) {
  // Notice 'someOtherVariableName' is used instead of 'isEditor'
  const alias: boolean = someOtherVariableName;
}