首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

为什么在将函数参数传递给类型化函数时,TypeScript不能推断这些参数类型?

在将函数参数传递给类型化函数时,TypeScript不能推断这些参数类型的原因是因为函数参数的类型推断是基于函数的调用位置进行的,而不是基于函数的定义位置。在函数定义时,TypeScript会根据函数参数的声明来推断参数的类型,但是当我们将函数作为参数传递给另一个函数时,TypeScript无法确定传递给该函数的参数的具体类型。

这是因为在函数调用时,参数的类型可能是动态的,取决于调用函数时传递的实际参数。因此,TypeScript无法在函数定义时推断参数的类型,因为它无法预测函数的调用方式和传递的参数类型。

为了解决这个问题,我们可以使用泛型来指定函数参数的类型。通过使用泛型,我们可以在函数定义时指定参数的类型,并在函数调用时传递具体的类型参数。这样可以确保函数参数的类型正确推断。

以下是一个示例:

代码语言:txt
复制
function identity<T>(arg: T): T {
  return arg;
}

function logIdentity<T>(value: T): void {
  console.log(identity(value));
}

logIdentity(10); // 输出: 10
logIdentity("Hello"); // 输出: Hello

在上面的示例中,我们定义了一个泛型函数identity,它接受一个参数并返回相同的参数。然后,我们定义了另一个函数logIdentity,它接受一个参数并调用identity函数来输出参数的值。通过使用泛型,我们可以确保函数参数的类型正确推断,并在函数调用时传递具体的类型参数。

总结起来,TypeScript不能推断函数参数的类型是因为函数参数的类型推断是基于函数的调用位置进行的,而不是基于函数的定义位置。为了解决这个问题,我们可以使用泛型来指定函数参数的类型。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

TypeScript(6)函数「建议收藏」

TypeScript 能够根据返回语句自动推断出返回值类型。 书写完整函数类型 现在我们已经为函数指定了类型,下面让我们写出函数的完整类型。...这不是指不能传递 null 或 undefined 作为参数,而是说编译器检查用户是否为每个参数都传入了值。编译器还会假设只有这些参数会被传递进函数。...简短地说,传递给一个函数的参数个数必须与函数期望的参数个数一致。 JavaScript 里,每个参数都是可选的,可传可不传。 没传参的时候,它的值就是 undefined。...比如,我们想让 lastName 是可选的 在 TypeScript 里,我们也可以为参数提供一个默认值当用户没有传递这个参数或传递的值是 undefined 时。...(x: string | number, y: string | number): string | number { // 在实现上我们要注意严格判断两个参数的类型是否相等,而不能简单的写一个

64530

【TypeScript 演化史 — 第七章】映射类型和更好的字面量类型推断

这就是为什么当试图将 42 赋值给 x 属性时,TypeScript 会出错。在运行时,分配要么抛出一个类型错误(严格模式),要么静默失败(非严格模式)。...对于希望在应用程序中冻结的每种类型的对象,咱们就必须定义一个包装器函数,该函数接受该类型的对象并返回冻结类型的对象。没有映射类型,咱们就不能以通用的方式静态地使用 Object.freeze()。...更多映射类型的示例 上面已经看到 lib.d.ts 文件中内置的 Readonly 类型。此外,TypeScript 定义了其他映射类型,这些映射类型在各种情况下都非常有用。...} 只读类属性只能立即初始化,也可以在构造函数中初始化。...常量的类型是 string 而不是 “GET”,则会出现编译时错误,因为无法将HTTP_GET 作为第二个参数传递给get函数: Argument of type 'string' is not assignable

3.8K40
  • 【TypeScript 演化史 -- 7】映射类型和更好的字面量类型推断

    这就是为什么当试图将 42 赋值给 x 属性时,TypeScript 会出错。在运行时,分配要么抛出一个类型错误(严格模式),要么静默失败(非严格模式)。...对于希望在应用程序中冻结的每种类型的对象,咱们就必须定义一个包装器函数,该函数接受该类型的对象并返回冻结类型的对象。没有映射类型,咱们就不能以通用的方式静态地使用 Object.freeze()。...此外,TypeScript 定义了其他映射类型,这些映射类型在各种情况下都非常有用。...} 只读类属性只能立即初始化,也可以在构造函数中初始化。...常量的类型是 string 而不是 “GET”,则会出现编译时错误,因为无法将HTTP_GET 作为第二个参数传递给get函数: Argument of type 'string' is not assignable

    2.9K10

    如何在 TypeScript 中使用函数

    创建类型化函数 在本节中,我们将在 TypeScript 中创建函数,然后向它们添加类型信息。 在 JavaScript 中,可以通过多种方式声明函数。...在本节中,我们将学习如何创建函数类型,它们是表示特定函数签名的类型。在将函数传递给其他函数时,创建与特定函数匹配的类型特别有用,例如,具有本身就是函数的参数。这是创建接受回调的函数时的常见模式。...使用类型化异步函数 在使用 JavaScript 时,使用异步函数是比较常见的。TypeScript 有一种特定的方法来处理这个问题。在本节中,我们将在 TypeScript 中创建异步函数。...现在,当我们将鼠标悬停在这些函数上时,将为每个重载显示注释,如下面的动画所示: 用户定义的类型保护 本教程将检查 TypeScript 中函数的最后一个特性是用户定义的类型保护,它们是允许 TypeScript...这些守卫在条件代码块中强制执行某些类型,其中值的类型可能会根据情况而有所不同。这些在使用 Array.prototype.filter 函数返回过滤的数据数组时特别有用。

    15K10

    【TypeScript 4.5】005-第 5 章 函数

    这些函数也是一个值 TypeScript 有很多方法来描述如何调用函数 函数类型表达式 fn: (a: string) => void 2、代码演示 代码示例及解释 // 参数是一个函数 function....\02-sign.js 6 hello worldreturnedtrue 三、构造签名 1、概述 说明 JavaScript 的函数可以用 new 操作符来调用 TypeScript 将这些称之为构造函数...-指定类型参数 1、概述 说明 TypeScript 通常可以推断出通用的函数调用中预期的类型参数 但并非总是如此 此时我们需要在调用类型参数的时候指定类型参数 代码示例 const arr = combine...// 因为此时 ts 将类型推断为数值类型 const arr2 = combine([1, 2, 3], ["hello"]) // 我们可以主动告诉数组的类型为联合类型 string | number...当为回调写一个函数类型时 永远不要写一个可选参数 除非你打算在不传递该参数的情况下调用函数 因为在编写调用回调的函数时容易出错!

    12510

    3、你能读得懂的TypeScript教程之函数

    函数同样是TypeScript的基础之一。通过函数你可以将重合的功能代码块进行封装,然后在你需要它的时候调用即可。换句话说函数就是具有某一功能的代码块,它的使命是将你臃肿的代码变的更加苗条。...一、TypeScript中的函数是有类型的 函数的类型分为参数类型与返回值类型。...在JavaScript中,传递的参数是可选的,可传可不传,当我们没有传参的时候,它的值是undefined。...但是在TypeScript中我们传递给一个函数的参数个数必须与函数接收的参数个数一致,类型也需要一致。...TypeScript的函数重载共用一个函数体,也就是说无论声明多少个同名的函数,它们共同使用同一个函数体,在调用时会根据传递参数类型的不同,而执行这一个函数体。

    76930

    TypeScript 常用知识总结

    TypeScript 通过类型注解提供编译时的静态类型检查。 TypeScript 中的数据要求带有明确的类型,JavaScript不要求。 TypeScript 为函数提供了缺省参数值。...TypeScript 引入了命名空间 TypeScript 的优势 静态输入: 静态类型化是一种功能,可以在开发人员编写脚本时检测错误。查找并修复错误是当今开发团队的迫切需求。...如果由于缺乏声明而不能推断出类型,那么它的类型被视作默认的动态 any 类型。...剩余参数 有一种情况,我们不知道要向函数传入多少个参数,这时候我们就可以使用剩余参数来定义。 剩余参数语法允许我们将一个不确定数量的参数作为一个数组传入。...元组中允许存储不同类型的元素,元组可以作为参数传递给函数。

    1.8K30

    【TypeScript 演化史 — 第八章】字面量类型扩展 和 无类型导入

    扩展字面量类型 当使用 const 关键字声明局部变量并使用字面量值初始化它时,TypeScript 将推断该变量的字面量类型: const stringLiteral = "https"; // Type...使用TypeScript 2.1,TypeScript 不是仅仅选择any类型,而是基于你后面的赋值来推断类型。 仅当设置了--noImplicitAny编译参数时,才会启用此选项。...混合类的构造函数 (如果有) 必须有且仅有一个类型为any[]的变长参数, 并且必须使用展开运算符在super(...args)调用中将这些参数传递。 定义完成之后,来研究一些代码。...这样做的原因是,mixin不应该绑定到具有已知构造函数参数的特定类;因此,mixin应该接受任意数量的任意值作为构造函数参数。所有参数都传递给Base的构造函数,然后mixin执行它的任务。...在咱们的例子中,它初始化 tag 属性。 混合构造函数类型指仅有单个构造函数签名,且该签名仅有一个类型为 any[] 的变长参数,返回值为对象类型.

    4.6K10

    深入学习下 TypeScript 中的泛型

    ,允许开发人员将类型作为参数传递给另一种类型、函数或其他结构。...TypeScript 完全支持泛型,以此将类型安全性引入到接受参数和返回值的组件中,这些参数和返回值的类型,在稍后的代码中使用之前是不确定的。...如果仔细查看您的函数,您会发现参数列表或 TypeScript 能够推断其值的任何其他地方都没有使用泛型。这意味着调用代码在调用您的函数时必须显式传递此泛型的类型。...将泛型与接口、类和类型一起使用 在 TypeScript 中创建接口和类时,使用泛型类型参数来设置结果对象的形状会很有用。 例如,一个类可能具有不同类型的属性,具体取决于传递给构造函数的内容。...在使用过程中,传递给 get 处理程序的参数类型将从传递给类构造函数的内容中正确推断出来。

    39K30

    深入学习下 TypeScript 中的泛型

    介绍泛型是静态类型语言的基本特征,允许开发人员将类型作为参数传递给另一种类型、函数或其他结构。...TypeScript 完全支持泛型,以此将类型安全性引入到接受参数和返回值的组件中,这些参数和返回值的类型,在稍后的代码中使用之前是不确定的。...如果仔细查看您的函数,您会发现参数列表或 TypeScript 能够推断其值的任何其他地方都没有使用泛型。这意味着调用代码在调用您的函数时必须显式传递此泛型的类型。...将泛型与接口、类和类型一起使用在 TypeScript 中创建接口和类时,使用泛型类型参数来设置结果对象的形状会很有用。 例如,一个类可能具有不同类型的属性,具体取决于传递给构造函数的内容。...在使用过程中,传递给 get 处理程序的参数类型将从传递给类构造函数的内容中正确推断出来。

    17710

    TypeScript 3.4 正式发布!

    下次使用 --incremental 调用 TypeScript 时,它会用这些信息以最小的代价进行检测类型检查。...来自泛型函数的高阶类型推断 —— 在调用返回函数类型的泛型函数的类型参数推断期间,TypeScript 将会(视情况而定)从泛型函数参数把类型参数传递给函数返回值类型。...当你使用 const 断言构造新的表达式时,可以给语言发出下面这些信号: 该表达式中的字面量类型不应被加宽(例如,不要从 “hello” 到 string) object 字面量获得 readonly...globalThis 提供了一种访问全局范围的标准方法,可以在不同环境中使用。 将参数转换为解构对象—— 实现了一个新的重构,将现有函数转换为使用此“命名参数”模式。...在存在多个参数的情况下,TypeScript 将提供重构以将参数列表转换为单个解构对象。 可以到官方发布说明了解有关 TypeScript 3.4 所有新功能的更多信息。

    1.4K10

    初探 TypeScript函数基本类型泛型接口类内置对象

    (类型推断:如果没有明确的指定类型,那么 TypeScript 会依照类型推论(Type Inference)的规则推断出一个类型。)...: 参数类型和返回值类型;在 TypeScript 的类型定义中, => 用来表示函数的定义,左边是输入类型,需要用括号括起来,右边是输出类型,和 ES6 的箭头函数不一样 可选参数和默认参数 TypeScript...里的每一个函数参数都是必须的,传递给函数的参数个数必须与函数期望的参数个数一致,否则会报错。...;他有一个调用签名,参数列表和返回值类型的函数定义,参数列表里的每一个参数都需要名字和类型,函数的参数名不需要与接口里定义的名字相匹配,如果你没有指定参数类型,TypeScript 的类型系统会推断出参数类型...readonly 关键字将属性设置为只读,只读属性必须在声明或者构造函数里被初始化 TypeScript 使用的是结构性类型系统,当我们比较两种不同的类型的时候,如果类型成员是兼容的,我们就认为他们类型是兼容的

    7.3K31

    TypeScript 官方手册翻译计划【一】:基础

    静态类型检查 还记得之前我们将字符串作为函数调用时,抛出的 TypeError 错误吗?大多数开发者在执行代码时不希望看到任何错误 —— 毕竟这些都是 bug!...复制代码 TypeScript 告诉我们,我们少传了一个参数给 greet 函数 —— 这个报错是非常合理的。...最后,你不得不花费时间解决类型检查器抛出的错误,但问题在于,原始的 JavaScript 代码本身就是可以运行的!为什么把它们转换为 TypeScript 代码之后,反而就不能运行了呢?...复制代码 TypeScript 报错提示第二个参数有问题。为什么呢?...启用 noImplicitAny 配置项,在遇到被隐式推断为 any 类型的变量时就会抛出一个错误。

    92010

    7个高效的TypeScript工具类型,你会用了吗?

    '"country"' 的参数不能赋给类型 'keyof User' 的参数。...通过使用 keyof User,我们确保了传递给函数的参数必须是 User 类型的有效键。...这种方法的真正好处在于,当 TypeScript 不能自动推断类型时,或者当你处理的类型是条件类型或类似 Promise 的类型但不完全是 Promise 时,Awaited 能让你的代码更健壮、更易维护...使用 Partial 类型的好处是显而易见的。它使我们的代码更加灵活和可扩展,尤其是在处理需要部分更新的场景时。通过将所有属性变为可选,我们可以更方便地进行增量更新,同时也减少了代码的冗余和重复。...这意味着传递给 createTodo 的对象必须包含 Todo 类型的所有属性。如果我们尝试传递一个缺少某些属性的对象,TypeScript 会在编译时抛出错误,从而帮助我们避免在运行时出现问题。

    71410

    TypeScript 官方手册翻译计划【二】:普通类型

    在学习类型本身的同时,我们也会学习如何在某些地方使用这些类型去组成新的结构。 首先,我们先来回顾一下编写 JavaScript 或者 TypeScript 代码时最基础和最常用的类型。...TypeScript 允许你指定函数的输入和输出的类型。 参数类型注解 当你声明一个函数的时候,你可以在每个参数后面添加类型注解,从而声明函数可以接受什么类型的参数。...; } 当函数的某个参数有类型注解的时候,TypeScript 会对传递给函数的实参进行类型检查: // 如果执行,会有一个运行时错误!...当一个函数出现在某个地方,且 TypeScript 可以推断它是如何被调用的时候,该函数的参数会被自动分配类型。...当 TypeScript 能够基于代码结构推断出一个更具体的类型时,就会发生收窄。

    2.3K20

    TypeScript 5.4:带来新的类型和一些 Break Change

    中是一个常见的类型推断过程,基于我们可能进行的某些检查或条件,TypeScript 能够自动推断出变量的具体类型,这就使得该变量的类型范围被“缩小”或者说“窄化”。...可是,在数组的 map 方法中,TypeScript 不能保证 url 的类型已经窄化为 URL,因为他无法确定在回调函数被执行的当下,url是否仍然是 URL 对象,这是因为在函数的闭包中,变量可能会被之后的代码改变...因此,TypeScript 5.4 做了改进,当参数和 let 变量在非提升函数中使用时,类型检查器将查找最后一个赋值点。...如果找到一个,TypeScript 可以从包含该函数的外部安全地窄化,那上面的代码示例就可以正常工作了。 但是还需要注意一点,如果我们是在嵌套函数中的任何地方对变量进行了赋值,类型收窄还是不起作用的。...这个过程我们称之为类型推断。 当你调用泛型函数时,系统能够根据你传入的参数来推断类型。

    32810

    C++ Template 基础篇(一):函数模板

    Template 基础篇-函数模板 为什么要有泛型编程 函数模板定义 普通函数模板 成员函数模板 为什么成员函数模板不能是虚函数virtual 实参推断 如何使用 当返回值类型也是参数时 实参推断时的自动类型转换...函数模板重载 模板函数特化 为什么要有泛型编程 C++是一门强类型语言,所以无法做到像动态语言(python javascript)那样子,编写一段通用的逻辑,可以把任意类型的变量传进去处理。...注意:模板定义本身不参与编译,而是编译器根据模板的用户使用模板时提供的类型参数生成代码,再进行编译,这一过程被称为模板实例化。用户提供不同的类型参数,就会实例化出不同的代码。...实参推断 为了方便使用,除了直接为函数模板指定类型参数之外,我们还可以让编译器从传递给函数的实参推断类型参数,这一功能被称为模板实参推断。...int (*pf) (const int&, const int&) = compare; //推断T的类型为int 当返回值类型也是参数时 当一个模板函数的返回值类型需要用另外一个模板参数表示时,你无法利用实参推断获取全部的类型参数

    1.7K20
    领券