.d.ts与.ts的区别 .d.ts怎么用

2020-04-15 21:14:13

.d.ts与.ts是两个不同的文件，这个首先要了解。

  1. .d.ts的第一个作用，是我们通过写.d.ts，让ide能有更好的语法提示。


    .ts 表示你的代码就是用 ts 写的。    

        但这种代码最后会编译成 .js 的 js 代码，供他人使用。这个时候，类型信息就丢失了。所以 ts 编译器会自动根据 .ts 中的信息，生成对外的 .d.ts 文件，和生成的 js 文件搭配使用。其中，js 文件是给运行引擎用的，而 .d.ts 文件是给 IDE（智能编辑器）写代码时参考用的。

        另一种情况是，你的代码不是用 ts 写的，只是希望最后给别人用时能有类型信息作为辅助，那么这种情况下的 .d.ts 文件就需要你手写了。


2.在TypeScript项目中直接引入Javascript包是不能使用的，因为包中缺少TypeScript类型声明，如果是自己写的包，可以考虑自己增加一个.d.ts类型声明文件，如果代码比较多或者使用的是第三方的包，自己写就比较麻烦了。第三方的包首先考虑找一个别人写好的声明文件，如果没有可以使用一些自动生成声明文件的工具。

d.ts就是TypedDefinition 类型定义文件，用来定义类型信息以及接口规范。
想要在ts使用js里面的方法，不一定要有类型定义。
但如果没有类型定义文件， 你在编码的过程中，编辑器不会给你方法的提示，你想找API的时候也没有对应的文档。

如果想用早期的JS library，是没有类型定义信息的，这个时候为了使用方便我们就需要创建一个对应的d.ts文件。



参考地址如下

    写typescript项目时怎么引入第三方包的d.ts声明文件

    d.ts你知道多少？

    TypeScript项目中引入Javascript包增加.d.ts类型声明文件

    如何编写一个d.ts文件

    




  • 精彩推荐

  • 2020-02-19 23:04:52

    理解Laravel中的pipeline

    pipeline在laravel的启动过程中出现次数很多，要了解laravel的启动过程和生命周期，理解pipeline就是其中的一个关键点。网上对pipeline的讲解很少，所以我自己写一写吧。

  • 2020-02-19 23:08:56

    Laravel 用户认证 Auth（精华）

    很多应用是需要登陆后才能操作，Laravel 提供了一个 auth 工具来实现用户的认证功能。并且有一个 config/auth.php 来配置 auth 工具。大概看一下 auth 工具的常用方法

  • 2020-02-19 23:12:44

    Laravel 从 $request 到 $response 的过程解析二（必读）

    laravel 的请求会组装成 $request 对象，然后会依次经过中间件（前置部分），最终到达 url 指向的控制器方法，然后把返回数据组装为 $response 对象返回，再依次经过中间件 (后置部分)，最终返回。

  • 2020-02-19 23:15:24

    PHP 闭包（Closure）

    闭包（Closure）又叫做匿名函数，也就是没有定义名字的函数。比如下面的例子：

  • 2020-02-19 23:26:58

    php array_pop 删除数组最后一个元素实例

    php array_pop函数将数组最后一个单元弹出（出栈），即删除数组的最后一个元素。本文章通过php实例向大家讲解array_pop函数的使用方法。