@@ -446,3 +446,173 @@ console.log(emptySet.isSupersetOf(fruits));
446
446
```
447
447
448
448
感谢 [ Kevin Gibbons] ( https://github.com/bakkot ) 的贡献。
449
+
450
+ ## 孤立的声明
451
+
452
+ 声明文件(即 ` .d.ts ` 文件)用于向 TypeScript 描述现有库和模块的结构。
453
+ 这种轻量级描述包括库的类型签名,但不包含实现细节,例如函数体。
454
+ 它们被发布出来,以便 TypeScript 在检查你对库的使用时无需分析库本身。
455
+ 虽然可以手写声明文件,但如果你正在编写带类型的代码,使用 ` --declaration ` 让 TypeScript 从源文件自动生成它们会更安全、更简单。
456
+
457
+ TypeScript 编译器及其 API 一直以来都负责生成声明文件;
458
+ 然而,有些情况下你可能希望使用其他工具,或者传统的构建流程无法满足需求。
459
+
460
+ ### 用例:更快的声明生成工具
461
+
462
+ 想象一下,如果你想创建一个更快的工具来生成声明文件,也许作为发布服务或一个新的打包工具的一部分。
463
+ 虽然有许多快速工具生态系统可以将 TypeScript 转换为 JavaScript,但将 TypeScript 转换为声明文件的工具并不那么丰富。
464
+ 原因在于 TypeScript 的推断能力允许我们编写代码而不需要显式声明类型,这意味着声明生成可能会变得复杂。
465
+
466
+ 让我们考虑一个简单的例子,一个将两个导入变量相加的函数。
467
+
468
+ ``` ts
469
+ // util.ts
470
+ export let one = ' 1' ;
471
+ export let two = ' 2' ;
472
+
473
+ // add.ts
474
+ import { one , two } from ' ./util' ;
475
+ export function add() {
476
+ return one + two ;
477
+ }
478
+ ```
479
+
480
+ 即使我们只想生成 ` add.d.ts ` 这个声明文件,TypeScript 也需要深入到另一个导入的文件(` util.ts ` ),推断出 ` one ` 和 ` two ` 的类型为字符串,然后计算出两个字符串上的 ` + ` 运算符将导致一个字符串返回类型。
481
+
482
+ ``` ts
483
+ // add.d.ts
484
+ export declare function add(): string ;
485
+ ```
486
+
487
+ 虽然这种推断对开发人员体验很重要,但这意味着想要生成声明文件的工具需要复制类型检查器的部分内容,包括推断和解析模块规范器以跟踪导入。
488
+
489
+ ### 用例:并行的声明生成和类型检查
490
+
491
+ 想象一下,如果你拥有一个包含许多项目的单体库(monorepo)和一个渴望帮助你更快检查代码的多核 CPU。如果我们能够通过在每个核心上运行不同项目来同时检查所有这些项目,那不是太棒了吗?
492
+
493
+ 不幸的是,我们不能自由地将所有工作并行处理。
494
+ 原因是我们必须按照依赖顺序构建这些项目,因为每个项目都在对其依赖项的声明文件进行检查。
495
+ 因此,我们必须首先构建依赖项以生成声明文件。
496
+ TypeScript 的项目引用功能也是以"拓扑"依赖顺序构建项目集合。
497
+
498
+ 举个例子,如果我们有两个名为 ` backend ` 和 ` frontend ` 的项目,它们都依赖一个名为 ` core ` 的项目,TypeScript 在构建 ` core ` 并生成其声明文件之前,无法开始对 ` frontend ` 或 ` backend ` 进行类型检查。
499
+
500
+ ![ ] ( https://devblogs.microsoft.com/typescript/wp-content/uploads/sites/11/2024/04/5-5-beta-isolated-declarations-deps.png )
501
+
502
+ 在上面的图中,您可以看到我们有一个瓶颈。虽然我们可以并行构建 ` frontend ` 和 ` backend ` ,但我们需要等待 ` core ` 完成构建,然后才能开始任何一个项目的构建。
503
+
504
+ 我们该如何改进呢?
505
+ 如果一个快速工具可以并行生成所有这些 ` core ` 的声明文件,那么 TypeScript 就可以立即跟进,通过并行检查 ` core ` 、` frontend ` 和 ` backend ` 。
506
+
507
+ ### 解决文案:显式的类型
508
+
509
+ 在这两种用例中的共同要求是,我们需要一个跨文件类型检查器来生成声明文件。
510
+ 这对于工具开发社区来说是一个很大的要求。
511
+
512
+ 作为一个更复杂的例子,如果我们想要以下代码的声明文件…
513
+
514
+ ``` ts
515
+ import { add } from ' ./add' ;
516
+
517
+ const x = add ();
518
+
519
+ export function foo() {
520
+ return x ;
521
+ }
522
+ ```
523
+
524
+ 我们需要为 ` foo ` 生成一个签名。
525
+ 这需要查看 ` foo ` 的实现。
526
+ ` foo ` 只是返回 ` x ` ,所以获取 ` x ` 的类型需要查看 ` add ` 的实现。
527
+ 但这可能需要查看 ` add ` 的依赖项的实现,依此类推。
528
+ 我们在这里看到的是,生成声明文件需要大量逻辑来确定可能甚至不在当前文件中的不同位置的类型。
529
+
530
+ 不过,对于寻求快速迭代时间和完全并行构建的开发人员来说,还有另一种思考这个问题的方式。
531
+ 声明文件仅需要模块的公共 API 类型,换句话说,导出内容的类型。
532
+ 如果开发人员愿意显式编写导出内容的类型,工具就可以生成声明文件,而无需查看模块的实现 - 也无需重新实现完整的类型检查器。
533
+
534
+ 这就是新的 ` --isolatedDeclarations ` 选项发挥作用的地方。
535
+ ` --isolatedDeclarations ` 在模块无法在没有类型检查器的情况下被可靠转换时报告错误。
536
+ 简而言之,如果您有一个没有足够注释其导出的文件,TypeScript 将报告错误。
537
+
538
+ 这意味着在上面的例子中,我们将看到类似以下的错误:
539
+
540
+ ``` ts
541
+ export function foo() {
542
+ // ~~~
543
+ // error! Function must have an explicit
544
+ // return type annotation with --isolatedDeclarations.
545
+ return x ;
546
+ }
547
+ ```
548
+
549
+ ### 为什么错误是期望的?
550
+
551
+ 因为这意味着 TypeScript 能够
552
+
553
+ 1 . 提前告知其它工具在生成声明文件时是否会有问题
554
+ 1 . 提供快速修复功能帮助添加缺失的类型注解
555
+
556
+ 然而,这种模式并不要求在所有地方都进行注解。
557
+ 对于局部变量,可以忽略这些注解,因为它们不会影响公共 API。
558
+ 例如,以下代码不会产生错误:
559
+
560
+ ``` ts
561
+ import { add } from ' ./add' ;
562
+
563
+ const x = add (' 1' , ' 2' ); // no error on 'x', it's not exported.
564
+
565
+ export function foo(): string {
566
+ return x ;
567
+ }
568
+ ```
569
+
570
+ 在某些表达式中,计算类型是“微不足道的”。
571
+
572
+ ``` ts
573
+ // No error on 'x'.
574
+ // It's trivial to calculate the type is 'number'
575
+ export let x = 10 ;
576
+
577
+ // No error on 'y'.
578
+ // We can get the type from the return expression.
579
+ export function y() {
580
+ return 20 ;
581
+ }
582
+
583
+ // No error on 'z'.
584
+ // The type assertion makes it clear what the type is.
585
+ export function z() {
586
+ return Math .max (x , y ()) as number ;
587
+ }
588
+ ```
589
+
590
+ ### 使用 ` isolatedDeclarations `
591
+
592
+ ` isolatedDeclarations ` 要求设置 ` declaration ` 或 ` composite ` 标志之一。
593
+
594
+ 请注意,` isolatedDeclarations ` 不会改变 TypeScript 的输出方式,只会改变它报告错误的方式。
595
+ 重要的是,与 ` isolatedModules ` 类似,启用 TypeScript 中的该功能不会立即带来本文讨论的潜在好处。
596
+ 因此,请耐心等待,并期待这一领域的未来发展。
597
+ 考虑到工具作者的需求,我们还应该认识到,如今,并非所有 TypeScript 的声明输出都能轻松地由其他希望使用它作为指南的工具复制。
598
+ 这是我们正在积极致力于改进的事项。
599
+
600
+ 此外,独立声明仍然是一个新功能,我们正在积极努力改进体验。
601
+ 一些情景,比如在类和对象字面量中使用计算属性声明,尚不受 ` isolatedDeclarations ` 支持。
602
+ 请留意这方面的进展,并随时提供反馈。
603
+
604
+ 我们还认为值得指出的是,应该基于具体情况逐案采用 ` isolatedDeclarations ` 。
605
+ 在使用 ` isolatedDeclarations ` 时可能会失去一些开发人员友好性,因此,如果您的设置没有利用前面提到的两种情景,这可能不是正确的选择。
606
+ 对于其他人来说,` isolatedDeclarations ` 的工作已经揭示了许多优化和机会,可以解锁不同的并行构建策略。
607
+ 同时,如果您愿意做出权衡,我们相信随着外部工具变得更广泛可用,` isolatedDeclarations ` 可以成为加快构建流程的强大工具。
608
+
609
+ 更多详情请参考[ 讨论] ( https://github.com/microsoft/TypeScript/issues/58944 ) 。
610
+
611
+ ### 信用
612
+
613
+ 独立声明的工作是 TypeScript 团队与 Bloomberg 和 Google 内基础设施和工具团队之间长期的合作努力。
614
+ 像 Google 的 Hana Joo 这样实现了独立声明错误快速修复的个人(更多相关信息即将发布),以及 Ashley Claymore、Jan Kühle、Lisa Velden、Rob Palmer 和 Thomas Chetwin 等人数个月以来一直参与讨论、规范和实施。
615
+ 但我们特别要提到 Bloomberg 的 Titian Cernicova-Dragomir 提供的大量工作。
616
+ Titian 在推动独立声明实现方面发挥了关键作用,并在之前的多年里一直是 TypeScript 项目的贡献者。
617
+
618
+ 更多详情请参考 [ PR] ( https://github.com/microsoft/TypeScript/pull/58201 ) 。
0 commit comments