繁体   English   中英

打字稿通用类型断言

[英]Typescript Generic Type Assertion

所以这是我对打字稿的观察总结。

这是一些代码:

type someTypeEnum = '1';
type someOtherTypeEnum = '2' | '3';
type combinedTypeEnum = someTypeEnum | someOtherTypeEnum;

这是第一种情况:-

function typeAssertion<T extends combinedTypeEnum>(args: T): args is someTypeEnum {
    // The error i get
    // A type predicate's type must be assignable to its parameter's type.
    //  Type '"1"' is not assignable to type 'T'.
    return undefined;
}

我不明白为什么这件事会失败,因为我们已经将我们的参数限制为组合类型枚举,以防万一

typeAssertion('4')

我们已经收到一个错误,指出'4'不是一个有效的参数,那么为什么args is someTypeEnum被认为是一个无效的谓词。

这是第二种情况:-

function typeAssertion(args: combinedTypeEnum): args is someTypeEnum {
    return undefined;
}

这似乎工作正常,但如果我们这样做:-

function someFunction<T extends combinedTypeEnum>(args: T): T {
    if (typeAssertion(args)) {
        // args here is  'T & "1"' 
        args
    }
    return args
};

为什么我们有 T & "1" 而不仅仅是 "1",我们特别断言它是 someTypeEnum。

我真的很好奇为什么会做出这样的决定。 如果事情以不同的方式完成,那么看看事情如何破裂会非常有帮助。

当您有字符串文字时, extends没有多大意义。 为了使解释更容易,让我使用其他类型。 考虑这三个类:

class Animal {}

class Dog extends Animal {}

class Cat extends Animal {}

当我们使用泛型时,实际类型由调用者设置:

function foo<T extends Animal>(arg: T) {}

foo(new Dog()); //T is Dog, equivalent to foo(arg: Dog) {}
foo(new Cat()); //T is Cat, equivalent to foo(arg: Cat) {}

现在你可能已经看到我们要去哪里了。 让我们使用类型谓词:

function foo<T extends Animal>(arg: T): arg is Cat {}

当我们调用foo(new Dog()) ,最后一个例子就变成了这样:

function foo(arg: Dog): arg is Cat {}

当然,它不起作用或没有意义。

至于你的第二个例子:变量的类型不会改变。 关键是通过断言一个特定的类型,编译器允许你对这个类型做任何可以做的事情。

更新:

或者更简单:

function typeAssertion(args: combinedTypeEnum): args is someTypeEnum {
    return args === "1";
}

看到这个游乐场


原来的:

这也让我难倒了很长时间。 实际上,解决方案(至少在 2021 年,不确定在提出问题时是否已恢复)是:

function typeAssertion<T extends combinedTypeEnum>(args: T): args is T & someTypeEnum {
    return args === "1";
}

这背后的想法(据我从这个答案中理解)是这样的:当你调用typeAssertion("2")T得到值"2" (文字类型"2" ),这意味着你最终得到功能:

function typeAssertion(args: "2"): args is someTypeEnum

这显然没有意义。 我不确定解决方法(使用T & )更有意义,但它有效:

type someTypeEnum = '1';
type someOtherTypeEnum = '2' | '3';
type combinedTypeEnum = someTypeEnum | someOtherTypeEnum;

function typeAssertion<T extends combinedTypeEnum>(args: T): args is T & someTypeEnum {
    return args === "1";
}

const a: combinedTypeEnum = "1"
const b: combinedTypeEnum = "2"
const c: combinedTypeEnum = "3"
const d = "1"
const e = "2"
const f = "4"

let one: "1" = "1"

if (typeAssertion(a)) one = a
if (typeAssertion(b)) one = b
if (typeAssertion(c)) one = c
if (typeAssertion(d)) one = d
if (typeAssertion(e)) one = e
if (typeAssertion(f)) one = f // this one gives an error

在操场上看

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM