0

0

TypeScript泛型T约束为unknown[]时,变长参数列表的长度限制是什么?

碧海醫心

碧海醫心

发布时间:2025-02-22 23:26:14

|

1137人浏览过

|

来源于php中文网

原创

TypeScript泛型T约束为unknown[]时,变长参数列表的长度限制是什么?

typescript泛型与可变参数:unknown[]约束下的长度限制

在TypeScript中,使用泛型T并约束其为unknown[]时,结合可变参数列表的函数行为会引发一些困惑。 以下示例阐明了这种困惑以及其背后的原因:

function call(
  f: (...args: T) => R,
  ...args: T
): R {
  return f(...args);
}

当调用call函数时,会出现一些意想不到的结果:

let aa = call(fill, 10, 'a'); // 正确
let bb = call(fill, 10);     // 错误:参数数量不匹配
let cc = call(fill, 10, 'a', 'z'); // 错误:参数数量不匹配

bbcc调用失败的原因在于T extends unknown[] 约束。 这个约束并非简单地表示T可以是任意长度的数组,而是更严格地限定了T必须是数组类型。

  • bb错误: 当只传入一个参数10时,...args并不是一个数组,而是一个单独的数字。这与T必须是数组类型的约束冲突。

  • cc错误: 虽然传入了多个参数,但call函数的泛型推断机制并不能保证T的长度与传入参数的数量完全一致。T的类型仍然被推断为[number, string, string],而...args实际传入的参数数量是3个,这并非一个错误,但与函数签名中...args: T的预期类型不完全匹配,导致类型检查失败。

    MedPeer
    MedPeer

    AI驱动的一站式科研服务平台

    下载

解决方法

要解决这个问题,需要更清晰地定义T的类型或者调整函数签名。例如,如果需要支持单个参数的情况,可以修改约束条件或使用联合类型:

// 方法一:使用联合类型,允许单个参数或数组
function call2(
  f: (...args: T extends unknown[] ? T : [T]) => R,
  ...args: T extends unknown[] ? T : [T]
): R {
  return f(...args);
}

// 方法二:明确指定参数类型
function call3(
  f: (...args: T) => R,
  args: T
): R {
  return f(...args);
}

方法一允许传入单个值或数组,方法二则明确要求传入一个数组。选择哪种方法取决于具体的应用场景。 关键在于理解T extends unknown[] 约束的严格性,它要求...args必须是一个数组,而不是单个值或任意数量的值。

总而言之,T extends unknown[] 约束下,可变参数列表并非没有长度限制,而是必须保证传入的参数构成一个数组。 单个参数或参数数量与类型推断不匹配都会导致类型错误。

相关专题

更多
string转int
string转int

在编程中,我们经常会遇到需要将字符串(str)转换为整数(int)的情况。这可能是因为我们需要对字符串进行数值计算,或者需要将用户输入的字符串转换为整数进行处理。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

313

2023.08.02

php源码安装教程大全
php源码安装教程大全

本专题整合了php源码安装教程,阅读专题下面的文章了解更多详细内容。

154

2025.12.31

php网站源码教程大全
php网站源码教程大全

本专题整合了php网站源码相关教程,阅读专题下面的文章了解更多详细内容。

88

2025.12.31

视频文件格式
视频文件格式

本专题整合了视频文件格式相关内容,阅读专题下面的文章了解更多详细内容。

92

2025.12.31

不受国内限制的浏览器大全
不受国内限制的浏览器大全

想找真正自由、无限制的上网体验?本合集精选2025年最开放、隐私强、访问无阻的浏览器App,涵盖Tor、Brave、Via、X浏览器、Mullvad等高自由度工具。支持自定义搜索引擎、广告拦截、隐身模式及全球网站无障碍访问,部分更具备防追踪、去谷歌化、双内核切换等高级功能。无论日常浏览、隐私保护还是突破地域限制,总有一款适合你!

61

2025.12.31

出现404解决方法大全
出现404解决方法大全

本专题整合了404错误解决方法大全,阅读专题下面的文章了解更多详细内容。

493

2025.12.31

html5怎么播放视频
html5怎么播放视频

想让网页流畅播放视频?本合集详解HTML5视频播放核心方法!涵盖<video>标签基础用法、多格式兼容(MP4/WebM/OGV)、自定义播放控件、响应式适配及常见浏览器兼容问题解决方案。无需插件,纯前端实现高清视频嵌入,助你快速打造现代化网页视频体验。

17

2025.12.31

关闭win10系统自动更新教程大全
关闭win10系统自动更新教程大全

本专题整合了关闭win10系统自动更新教程大全,阅读专题下面的文章了解更多详细内容。

12

2025.12.31

阻止电脑自动安装软件教程
阻止电脑自动安装软件教程

本专题整合了阻止电脑自动安装软件教程,阅读专题下面的文章了解更多详细教程。

5

2025.12.31

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
TypeScript 教程
TypeScript 教程

共19课时 | 1.9万人学习

TypeScript——十天技能课堂
TypeScript——十天技能课堂

共21课时 | 1.1万人学习

TypeScript-45分钟入门
TypeScript-45分钟入门

共6课时 | 0.4万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号