使用打字稿在reduce方法中使用扩展语法进行解构

Question

这是我的示例，它使用别名。下面的例子：'aliasCatch'

通过打字稿验证

export type TProcessResponseFunc = (error: TError, stdout: TSTDOut, stderr: TSTDOut) => void;

export interface IObjCMD {
  msg?: string;
  cmd?: string;
  func?: (fn: TProcessResponseFunc) => void;
  catch?: IObjCMD[];
}

const shallowCloneArrObjCMD = (arrNext: IObjCMD[]) => 
  arrNext.reduce((accum, current) => {
    let objCMD: IObjCMD = current;
    if (current.catch) {
      const { ...rest, catch: aliasCatch} = current;
      const arrCatch: IObjCMD[] = aliasCatch ? shallowCloneArrObjCMD(aliasCatch) : [];
      objCMD = { ...rest, catch: arrCatch};
    }
    accum.push({ ...objCMD });
    return accum;
  }, [] as IObjCMD[]);

如果我替换别名以直接访问已解构的项目 - 即 catch，在下面的示例中，那么我会得到到处都是错误：

打字稿验证失败

const shallowCloneArrObjCMD = (arrNext: IObjCMD[]) => 
  arrNext.reduce((accum, current) => {
    let objCMD: IObjCMD = current;
    if (current.catch) {
      const { ...rest, catch } = current;
      const arrCatch: IObjCMD[] = catch ? shallowCloneArrObjCMD(catch) : [];
      objCMD = { ...rest, catch};
    }
    accum.push({ ...objCMD });
    return accum;
  }, [] as IObjCMD[]);

const { ...rest, catch } = current; - 在大括号末尾给我错误：预期：这会破坏其余代码。

我能想到的唯一原因是因为我的变量“catch”可能未定义，正如我在接口中声明的那样。因此，通过将其分配给变量/别名别名，使其成为别名绕过了对变量具有价值的直接需求。

对此进行一些澄清会有所帮助。谢谢

Answer 1

catch 是一个reserved word。您不能将其用作变量名。 current.catch 可以，但const { ...rest, catch } = current 不行。

我建议完全避免将catch（以及其他保留字，如@9​​87654326@ 或class）作为属性名称。如果不能，您可能需要使用 cmets 告诉您的 linter 不要坚持解构：

/* eslint-disable prefer-destructuring */
const arrCatch: IObjCMD[] = current.catch
  ? shallowCloneArrObjCMD(current.catch)
  : [];
objCMD = { ...current };