- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
函数类型
type fn01 = (name: string) => void
type fn02 = (age: string) => void
type fn03 = (description: number) => void
我有这个案例:
type Options = 'op1' | 'op2' | 'op3'
const test = (options) => {
switch(options) {
case 'op1':
return fn01
case 'op2':
return fn02
case 'op3':
return fn03
default
return null;
}
}
函数用法:
const chosenFN = test('op1');
choseFN()
当使用 chosenFN 时,它应该显示属于 switch case 的函数类型,而不是显示所有类型的交集。
我错过了什么?我认为由于使用的函数在 switch case 内部,它会根据传递的参数推断出正确的类型。
谢谢,热南
最佳答案
编译器通常不会根据输入的特定值来推断函数返回类型。 Control flow type analysis用于缩小函数实现中具体类型变量的类型,因此 switch
语句用于了解 options
恰好是 op2
(例如)在相关的 case
block 中,但是控制流分析对函数的返回类型没有太大作用。
通常,函数的推断返回类型是从函数返回
的所有类型的联合,与控制流分析无关。这意味着 test()
的签名被推断为类似于 function test(options: Options): fn01 | fn02 | fn03 |空
。
当你去实际调用fn01 | 类型的函数时fn02 | fn03 | null
,你会遇到麻烦。用the --strictNullChecks
compiler option上,您根本无法调用它(您可能应该使用--strict
编译器选项,因为它们会捕获错误)。
假设你有一个fn01 |类型的函数fn02 | fn03
(并且你已经验证它不是null
),你仍然不能真正调用它。对调用函数联合的支持是 improved在 TypeScript 3.5 中,但是,您可以传递给函数联合的唯一安全的东西是其参数的交集。交集 string & string & number
没有成员(在 JavaScript 中没有值既是 string
又是 number
),这意味着它是从不
,因此它是完全不可调用的。
所以,这就是它不起作用的原因。要修复它,您要么必须使用 function overloads , 或者将函数注释为 generic ,其中 options
是通用类型 O extends Options
。
重载很容易,但它们并不是真正的类型安全。
泛型类型有可能更安全,但当您使用 switch
时就不是这样了,它公开了一个 current limitation of TypeScript因此,控制流分析无法缩小泛型变量的类型。
最安全的方法是使用映射对象而不是 switch
语句:
const test = <O extends Options>(options: O) => ({
op1: fn01,
op2: fn02,
op3: fn03
}[options]);
这被正确地推断为一个通用函数,其中每个输入类型映射到一个特定的函数输出类型:
const chosenFN = test('op1'); // (name: string) => void
chosenFN("okay") // okay
test('op2')("age is a string I guess"); // okay
test('op3')(8675309); // okay
关于typescript - 使用 Typescript 从 switch case 返回类型推断,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58673034/
按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visit the
在编码时,我问了自己这个问题: 这样更快吗: if(false) return true; else return false; 比这个? if(false) return true; return
如何在逻辑条件下进行“返回”? 在这样的情况下这会很有用 checkConfig() || return false; var iNeedThis=doSomething() || return fa
这是我的正则表达式 demo 如问题所述: 如果第一个数字是 1 则返回 1 但如果是 145 则返回 145 但如果是 133 则返回 133 样本数据a: K'8134567 K'81345678
在代码高尔夫问答部分查看谜题和答案时,我遇到了 this solution返回 1 的最长和最晦涩的方法 引用答案, int foo(void) { return! 0; } int bar(
我想在下面返回 JSON。 { "name": "jackie" } postman 给我错误。说明 Unexpected 'n' 这里是 Spring Boot 的新手。 1日龄。有没有正确的方法来
只要“is”返回 True,“==”不应该返回 True 吗? In [101]: np.NAN is np.nan is np.NaN Out[101]: True In [102]: np.NAN
我需要获取所有在 6 号或 7 号房间或根本不在任何房间的学生的详细信息。如果他们在其他房间,简单地说,我不希望有那个记录。 我的架构是: students(roll_no, name,class,.
我有一个表单,我将它发送到 php 以通过 ajax 插入到 mysql 数据库中。一切顺利,php 返回 "true" 值,但在 ajax 中它显示 false 消息。 在这里你可以查看php代码:
我在 Kotlin 中遇到了一个非常奇怪的无法解释的值比较问题,以下代码打印 假 data class Foo ( val a: Byte ) fun main() { val NUM
请注意,这并非特定于 Protractor。问题在于 Angular 2 的内置 Testability service Protractor 碰巧使用。 Protractor 调用 Testabil
在调试窗口中,以下表达式均返回 1。 Application.WorksheetFunction.CountA(Cells(4 + (i - 1) * rows_per_record, 28) & "
我在本地使用 jsonplaceholder ( http://jsonplaceholder.typicode.com/)。我正在通过 extjs rest 代理测试我的 GET 和 POST 调用
这是 Postman 为成功调用我的页面而提供的(修改后的)代码段。 var client = new RestClient("http://sub.example.com/wp-json/wp/v2
这个问题在这里已经有了答案: What to do with mysqli problems? Errors like mysqli_fetch_array(): Argument #1 must
我想我对 C 命令行参数有点生疏。我查看了我的一些旧代码,但无论这个版本是什么,都会出现段错误。 运行方式是 ./foo -n num(其中 num 是用户在命令行中输入的数字) 但不知何故它不起作用
我已经编写了一个类来处理命名管道连接,如果我创建了一个实例,关闭它,然后尝试创建另一个实例,调用 CreateFile() 返回 INVALID_HANDLE_VALUE,并且 GetLastErro
即使 is_writable() 返回 true,我也无法写入文件。当然,该文件存在并且显然是可读的。这是代码: $file = "data"; echo file_get_contents($fil
下面代码中的变量 $response 为 NULL,尽管它应该是 SOAP 请求的值。 (潮汐列表)。当我调用 $client->__getLastResponse() 时,我从 SOAP 服务获得了
我一直在网上的不同论坛上搜索答案,但似乎没有与我的情况相符的... 我正在使用 Windows 7,VS2010。 我有一个使用定时器来调用任务栏刷新功能的应用程序。在该任务栏函数中包含对 LoadI
我是一名优秀的程序员,十分优秀!