ts的.d.ts和declare究竟是干嘛用的

已于 2022-11-16 15:14:28 修改
阅读量903 收藏 2
点赞数
分类专栏： js 文章标签： typescript
于 2022-11-04 12:01:04 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_52421092/article/details/127685828
版权

一、.d.ts是干嘛的

.d.ts文件是ts用来声明变量、模块、type、interface等等的， 那在这种后缀的ts文件声明这些东西和在纯ts文件声明这些东西有什么区别？

在.d.ts声明变量或模块等东西之后，在其他地方可以不用import导入这些东西就可以直接用，而且有语法提示

但是也不是说创建了.d.ts文件，里面的东西就能生效，需要预编译，要在tsconfig.json里面是include数组中添加这个文件

include数组里面可以不用写.d.ts文件的绝对路径，可以通过glob通配符，匹配这个文件所在的文件夹或者是“祖宗级别”文件夹。

支持的glob通配符有：

* 匹配0或多个字符（不包括目录分隔符）

? 匹配一个任意字符（不包括目录分隔符）

**/ 递归匹配任意子目录

等我实践了再写

郑建零零发
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
typed-css-modules：从CSS模块.css文件创建.d.ts文件
02-06
键入CSS模块 从.css文件创建TypeScript定义文件。 如果您具有以下CSS， /* styles.css */ @value primary: red ; . myClass { color : primary; } typed-css-modules从上述CSS创建以下.d.ts文件： /* styles.css.d.ts */ declare const styles : { readonly "primary" : string ; readonly "myClass" : string ; } ; export = styles ; 因此，您可以将C
downlevel-dts:将新的d.ts转换为可与较旧版本的Typescript一起使用的d.ts
03-13
downlevel-dts重写由任何版本的Typescript创建的.d.ts文件，以便它们与Typescript 3.4或更高版本一起使用。 它通过将具有新功能的代码转换为使用等效旧功能的代码来实现。 例如，它重写属性的访问器，因为Typescript直到3.6才支持.d.ts文件中的访问器： declare class C { get x ( ) : number ; } 变成 declare class C { readonly x : number ; } 请注意，并非所有功能都可以降级。 例如，Typescript 4.0允许在元组中的任何位置传播多个元组类型变量。 在以前的版本中不允许这样做，但是没有明显的下层发射，因此downlevel-dts不会尝试执行任何操作。 确保使用适当版本的Typescript测试downlevel-dts的输出。 特征 以下是降级的
ts 类型声明文件.d.ts是什么，有什么作用
最新发布
jieweiwujie的博客
03-23 351
由于第三方最终打包都是js，就会丧失ts类型特性，所以第三方库都会提供一个.d.ts文件，告诉我们这个第三方库所拥有的所有类型。总结：.ts是implementation（代码实现文件） .d.ts是declaration类型声明文件。一类是.d.ts文件 只包含类型声明信息，不会生成.js文件，仅用来提供类型信息，不提供可执行代码，一类是.ts 既包含类型信息，有提供可执行的代码，是编写程序代码的地方。类型声明文件 为存在的js库提供类型声明。
TS — 枚举的基础应用，const，declare关键字的使用
sjsjsjsj1010的博客
04-05 1891
枚举的基础应用，const，declare关键字的使用
Ts学习笔记
w1998725的博客
05-27 922
TypeScript 笔记 布尔值 在 TypeScript 中，使用 boolean 定义布尔值类型： let isShow: boolean = false; 数值 使用 number 定义数值类型： let a:number = 1; 字符串 使用string定义字符串类型： let name:string = "xxx" 空值 JavaScript没有空值（void）的概念，在 TypeScript 中，可以用 void 表示没有任何返回值的函数： function alertName():
写了3个月TypeScript，我学到了什么？
github_39560448的博客
05-14 448
原文链接:TypeScript入门 之前阅读vue源码的时候发现有TypeScript，一脸懵逼，因此需要入个门。 最近在新环境的日常工作中也需要用到TypeScript，学习过程中遇到一些疑惑，做了记录。 个人觉得还是比较适合TypeScript入门的同学阅读的，因为我遇到的这些疑惑，可能你也会遇到。 ts类型中的?，<>意思是什么？ 什么是duck typing？ constructor之前的变量定义是什么？ declare是什么？ ts中unknown, void, null和unde.
TypeScript 中的 .d.ts 文件：加强类型支持，提升开发效率
bighead的博客
05-23 9099
当我们使用 TypeScript 开发时，类型声明是非常重要的。它们提供了代码的静态类型检查和智能提示，以增强代码的可读性、可维护性和可靠性。然而，对于已有的 JavaScript 库或自定义模块，它们可能不包含类型声明信息。这就导致在使用这些库或模块时，我们无法享受到 TypeScript 的类型检查和提示的好处。这时，.d.ts 文件就发挥了作用。
cocosCreator 之 通过cc.d.ts了解Assets资源
qq_24726043的博客
08-01 386
cocosCreator 之 cc.d.ts 了解资源、节点、组件的继承结构，算是对引擎API相关做一个初探。
Vue3中注册全局的组件,并且在 TS 中添加全局组件提示
小火车况且况且况且的博客
05-13 4751
Vue3中注册全局的组件 1. 在src/components中新建index.ts用来将所有需要全局注册的组件导入 ✨: 如果使用的是 JS 可以删除类型校验 import type { Component } from 'vue' import SvgIcon from './SvgIcon/index.vue' // ✨如果使用的是 JS 可以删除类型校验 const components: { [propName: string]: Component } = { SvgIcon } e
VSCode 报错 cc , this.node等类库cc.d.ts节点找不到
qq_42838904的博客
07-26 2100
//************************* VSCode 报错 cc , this.node等类库cc.d.ts节点找不到 ***************************************// 是项目路径问题，一个项目用了两个电脑打开，但是两个电脑上的路径不一样，所以就会报错， 解决：只需要把项目复制出来一份，然后用这个新的编辑就好了 //********************************** creator2D 编辑器设置为 VsCod
如何编写d.ts文件？（1/2）
CoderXZ的博客
11-07 1484
如何编写d.ts文件？（1/2） ​ 在很多项目中，会看到一些d.ts文件，比如Cocos Creator工程中，在创建工程后，会默认会创建一个creator.d.ts文件，它是用于为Cocos Creator中所有接口提供代码智能提示的。 ​ 那么，d.ts文件有什么作用呢？它是typescript写的用于类型声明的文件，它的主要作用是为js、ts添加智能提示。在项目中添加了对应的d.ts，并且在其中添加对应的变量、类型、函数等的声明，就可以在编写代码时，编辑器会提供d.ts声明文件中的提示。**当然
gen-env-types:从您的.env文件生成一个.d.ts和.env.example文件
05-02
基因型 将您的.env文件作为...gen-env-types尊重对生成文件所做的更改，这意味着您可以覆盖.env.example和env.d.ts值，如果您希望使用联合类型，这将很有帮助： declare namespace NodeJS { export interface Proc
declare.js:使用用于继承和原型扩展的紧凑表示法创建构造函数
05-08
使用用于继承和原型扩展的紧凑表示法创建构造函数。 安装 对于节点 npm install oop-declare 凉亭 bower install declare 用法 var Parent = declare(null,{ init:function(params){ declare.mixin(this,params); ...
dts-generator：生成单个.d.ts包，其中包含从TypeScript模块文件导出的外部模块声明
02-06
该软件包利用TypeScript 1.4+中的TypeScript语言服务来生成一个包含多个declare module 'foo'声明的.d.ts文件。 这使您可以分发单个.d.ts文件以及编译后JavaScript，用户可以使用/// 注释从TypeScript编译器中简单...
TypeScript基础类型
weixin_44328086的博客
09-05 294
基础类型 介绍 为了让程序有价值，我们需要能够处理最简单的数据单元：数字，字符串，结构体，布尔值等。 TypeScript支持与JavaScript几乎相同的数据类型，此外还提供了实用的枚举类型方便我们使用。 布尔值 let isDone: boolean = false; 数字 let decLiteral: number = 6; let hexLiteral: number...
TypeScript：两种文件类型简介（ .ts 文件 和 .d.ts 文件）
程序员无羡的博客
03-04 598
TypeScript：两种文件类型简介（ .ts 文件 和 .d.ts 文件）
typeScript第三篇tsconfig.json配置文件、namespace命名空间、三斜线指令、声明文件d.ts、Mixins混入、装饰器Decorator、Rollup、webpack构建TS
m0_55170432的博客
10-28 1554
学习笔记 小满的
TypeScript 中的 d.ts 文件有什么作用，这种文件的内如如何编写
热门推荐
浓浓的巧克力
06-25 3万+
TypeScript 相比 JavaScript 增加了类型声明。这些类型声明帮助编译器识别类型，从而防止开发者“搬起石头砸自己的脚”。原则上，TypeScript 需要开发者做到先声明后使用。这就导致开发者在调用很多原生接口（浏览器、Node.js）或者第三方模块的时候，因为某些全局变量或者对象的方法并没有声明过，导致编译器的类型检查失败。用 ts 写的模块在发布的时候仍然是用 js 发布，...
add a new declaration (.d.ts) file containing `declare module
09-22
`declare module` 是 TypeScript 中的一个关键字，用于声明一个模块（module）。模块是一种将代码封装起来，以便在其他文件中进行引用和使用的方式。 当我们需要使用第三方模块或者库时，通常需要安装相应的类型声明文件（.d.ts）来告诉 TypeScript 如何理解这些模块的类型。在某些情况下，我们可能需要添加一个新的类型声明文件来声明一个模块。 首先，我们需要创建一个新的文件，并将其命名为你想要声明的模块的名称加上 `.d.ts` 后缀，例如 `myModule.d.ts`。 然后，在这个文件中使用 `declare module` 关键字来声明这个模块。例如，假设我们要声明一个名为 `myModule` 的模块，可以按照以下方式编写声明文件： ```typescript declare module 'myModule' { export function myFunction(): void; export const myVariable: string; } ``` 上面的代码中，我们使用 `declare module 'myModule'` 来声明了一个名为 `myModule` 的模块。在模块中，我们还可以使用 `export` 关键字来声明模块中的函数、变量等的类型。 在其他 TypeScript 文件中，我们可以通过 `import` 语句来引入这个模块，并使用其中的函数或变量。例如： ```typescript import { myFunction, myVariable } from 'myModule'; myFunction(); // 调用声明的函数 console.log(myVariable); // 打印声明的变量 ``` 通过以上步骤，我们成功地添加了一个新的类型声明文件，来声明一个模块。这样，在项目中的其他文件中，就可以使用这个模块并享受 TypeScript 带来的类型检查和自动提示的好处了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值