是否可以解构并键入具有已知属性的函数参数对象？

问题描述

Typescript playground

用例：获取具有已知属性的单个对象的函数。需要同时解构和赋值。

这有效：

type OBJECT_ParaM = {
  pathname: string,routePath: string
}

export const getSlugMatch = (props: OBJECT_ParaM)
: string => {
    const { pathname,routePath } = props;
    return "SOME_SLUG"
};

这不起作用：

export const getSlugMatch_V2 = ({pathname: string,routePath: string}): string => {
    return "SOME_SLUG"
};

有什么办法可以解决这个问题吗？人们通常如何处理这种情况？我真的需要定义 OBJECT_ParaM 吗？

我猜它不起作用，因为它与 Javascript 重命名解构属性的方式相冲突。最好的解决方法是什么？

解决方法

解构需要与类型分开，因为正如您所说，属性冒号语法已经用于重命名。你能做的最好的事情就是声明类型内联：

vertices