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

时间:2023-02-14 18:23:00

通过引入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 TypeScript:类型标注和d.ts类型声明文件的使用

增加类型标注

jquery.ts

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

vscode 的类型提示是string TypeScript:类型标注和d.ts类型声明文件的使用

增加d.ts类型声明文件

jquery.d.ts

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

可以看到,类型提示也出来了 TypeScript:类型标注和d.ts类型声明文件的使用