TypeScript:类型标注和d.ts类型声明文件的使用

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了TypeScript:类型标注和d.ts类型声明文件的使用相关的知识,希望对你有一定的参考价值。

通过引入ts的类型声明,编辑器可以很好的进行提示,提高开发效率

(目录)

默认引入js

main.ts

import  jQuery  from "./jquery";

var msg: string = "Hello World!";

jQuery(msg);

jquery.js

export function jQuery(selector) 
  console.log(selector);


vscode 的类型提示是any

增加类型标注

jquery.ts

export function jQuery(selector: string): void 
  console.log(selector);

vscode 的类型提示是string

增加d.ts类型声明文件

jquery.d.ts

export declare function jQuery(selector: string): void;

可以看到,类型提示也出来了

以上是关于TypeScript:类型标注和d.ts类型声明文件的使用的主要内容,如果未能解决你的问题,请参考以下文章

如何引用由 NPM 包中 tsc 的“声明”选项生成的 TypeScript .d.ts 文件中声明的类型?

TypeScript 类型定义文件(*.d.ts)自动生成工具

导出原始 .ts 文件而不是 .d.ts 文件作为模块类型声明的后果

在全局声明 typescript .d.ts 中声明进程变量

如何编写 Typescript 声明文件

在 Visual Studio 代码中,如何跳转到 typescript 类型定义 index.d.ts 中的实际代码?