Question

我正在尝试生成一个通用函数，该函数允许我为给定类型生成具有回调的强类型设置器-例如：

interface Foo {
   a: number,
   b: string
}

magick('a', 43) => {} // Should work
magick('a', '43') => {} // Should fail

我已经实现了一个通用功能，并且可以正常工作。但是，如果我尝试复制该函数类型，则不会强制执行安全性（或者更可能是我误解了打字稿！）

interface Test {
  a: number;
  b: string;
}

interface Test2 {
  a2: boolean;
  b2: '+' | '-';
}

const testVal: Test = {
  a: 42,
  b: 'test',
};

type Demo<T> = <K extends keyof T> (key: K, val: T[K]) => void

const implDemo: Demo<Test> = (key, val) => {
  testVal[key] = val;
};

首先-该功能按我想要的方式工作：

/* prints: {a: 10, b: "test"} - correct  */
implDemo('a', 10); console.log(testVal); 

/* Fails as expected - type safety - a should be number */
implDemo('a', 'text');

但是为什么下面这样呢？ Demo<Test2>如何可分配给Demo<Test>

/* Create a pointer to implDemo - but with WRONG type!!! */
const implDemo2: Demo<Test2> = implDemo; 
implDemo2('a2', true); 
console.log(testVal); 
/* prints: {a: 10, b: "test", a2: true} - we just violated out type!!!! */

我们上面所做的和做的一样：

testVal['a2'] = true; /* Doesn't work - which it shouldn't! */

这是另一种简单的类型，其中实际上强制执行类型安全性

type Demo2<T> = (val: T) => void;
const another: Demo2<string> = (val) => {};
/* This fails - as expected */
const another2: Demo2<number> = another;

这是打字稿中的错误吗？还是我误会了什么？我怀疑类型Demo<T> = <K extends keyof T>是罪魁祸首，但我根本不理解如何以这种方式“破解”类型系统。

Answer 1

我会说这是一个编译器错误。 ~~我不确定是否已经reported了；到目前为止，我还没有通过搜索找到任何东西，但这并不意味着它不存在。~~编辑：我已就此行为提起an issue；我们将看看会发生什么。更新：对于 ~~TS3.5~~ TS3.6，看来这可能是fixed！

这是复制品：

interface A { a: number; }
interface B { b: string; }

type Demo<T> = <K extends keyof T> (key: K, val: T[K]) => void

// Demo<A> should not be assignable to Demo<B>, but it is?!
declare const implDemoA: Demo<A>;
const implDemoB: Demo<B> = implDemoA; // no error!? 

// Note that we can manually make a concrete type DemoA and DemoB:
type DemoA = <K extends keyof A>(key: K, val: A[K]) => void;
type DemoB = <K extends keyof B>(key: K, val: B[K]) => void;

type MutuallyAssignable<T extends U, U extends V, V=T> = true;
// the compiler agrees that DemoA and Demo<A> are mutually assignable
declare const testAWitness: MutuallyAssignable<Demo<A>, DemoA>; // okay
// the compiler agrees that DemoB and Demo<B> are mutually assignable
declare const testBWitness: MutuallyAssignable<Demo<B>, DemoB>; // okay

// And the compiler *correctly* sees that DemoA is not assignable to DemoB
declare const implDemoAConcrete: DemoA;
const implDemoBConcrete: DemoB = implDemoAConcrete; // error as expected
//    ~~~~~~~~~~~~~~~~~ <-- Type 'DemoA' is not assignable to type 'DemoB'.

Link to code‍

您会看到DemoA和Demo<A>基本上是同一类型（它们是可以相互分配的，这意味着一种类型的值可以分配给另一种类型的变量）。 DemoB和Demo<B>也是同一类型。并且编译器确实知道DemoA不可分配给DemoB。

但是编译器认为Demo<A>可分配给Demo<B>，这是您的问题。就像编译器“忘记了” T中的Demo<T>一样。

如果您现在真的需要解决此问题，则可能希望使用可以“记住” Demo<T>是什么的品牌T，但不会阻止您将实现分配给它：

// workaround    
type Demo<T> = (<K extends keyof T> (key: K, val: T[K]) => void) & {__brand?: T};

const implDemoA: Demo<A> = (key, val) => {} // no error
const implDemoB: Demo<B> = implDemoA; // error here as expected

好的，希望能有所帮助；祝你好运！

Typescript通用类型不强制类型安全

1 个答案: