typescript merge 泛型函数

2024年2月8日发(作者：)

typescript merge 泛型函数

TypeScript 中的 merge 泛型函数可以合并两个或多个对象或数组，并返回一个新的对象或数组，它的定义如下：

```typescript。

function merge(...items: T[]): T

const target: any = {};。

h(item => 。

if (y(item)) 。

(...item);。

} else if (typeof item === 'object') 。

(item).forEach(key => 。

if (typeof item[key] === 'object'

&& !y(item[key])) 。

if (!target[key]) 。

target[key] = {};。

}。

target[key] = merge(target[key], item[key]);。

} else 。

target[key] = item[key];。

。

}。

});。

}。

});。

return target as T;。

}。

```。

上述代码中，我们使用了 `extends` 关键字来限制泛型参数 `T`，使它只能为对象或数组类型，从而确保我们的合并函数只能接收对象或数组作为参数。

接下来，我们使用了剩余参数 `...items: T[]`，它表示我们可以传递任意数量的对象或数组作为参数，并将它们放在一个名为 `items` 的数组中。

然后，我们使用了 `forEach` 方法遍历 `items` 数组中的每一个元素，并根据它的类型执行相应的合并操作。

如果 `item` 是数组类型，则使用 `push` 方法将其的所有元素合并到 `target` 中。

如果 `item` 是对象类型，则使用 `` 方法获取它的所有属性名，并遍历它的所有属性。如果属性值是一个对象类型，则递归调用 `merge` 方法将它的属性值合并到 `target` 对应的属性值中。否则，直接将属性和属性值复制到 `target` 中。

最后，我们使用了 `as` 关键字将 `target` 强制转换为泛型参数

`T`，并返回它。