返回类型与TypeScript中的输入类型相同

Question

我有两个函数做同样的事情，唯一的区别是输入类型和返回类型是不同的。我想知道如何将这些函数“合并”成一个，其中一个想法是使用联合类型，但我的约束是，当输入是联合的一个成员时，返回的值必须是相同的。

const getViewStyle = (styles: ViewStyle[]): ViewStyle => {
  return Object.assign({}, ...styles);
};

const getTextStyle = (styles: TextStyle[]): TextStyle => {
  return Object.assign({}, ...styles);
};

Answer 1

这对我来说很管用。所有的功劳都归于马吕斯舒尔茨- https://blog.mariusschulz.com/2016/08/18/function-overloads-in-typescript#version-4-function-overloads。

function getStyle(styles: ViewStyle[]): ViewStyle;
function getStyle(styles: TextStyle[]): TextStyle;
function getStyle(styles: ViewStyle[] | TextStyle[]): ViewStyle | TextStyle {
    return Object.assign({}, ...styles);
}

Answer 2

你可以这样做：

const flattenObjectsToSingle = <T>(items: T[]): T => { ...

Answer 3

泛型和推断类型的混合将是最好的。如果您期望在使用该函数时返回其中一种类型，则接受的答案将允许类型文本链接器继续抱怨。

因此，在我看来，这将是最好的答案：

const getStyle = <T extends TextStyle | ViewStyle >(styles: T[]): T => { 
      return Object.assign({}, ...styles);
};

这句话的基本意思是，函数期望得到一个TextStyle或ViewStyle数组，并返回一个给定类型的记录。

这要归功于YouTube：https://www.youtube.com/watch?v=nViEqpgwxHE上的Ben视频