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

简介: 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

image.png

增加类型标注

jquery.ts

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

vscode 的类型提示是string

image.png

增加d.ts类型声明文件

jquery.d.ts

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

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

image.png


相关文章
|
2天前
|
JavaScript 前端开发 索引
TypeScript 的数组类型
TypeScript 的数组类型
13 1
|
13天前
|
JavaScript 前端开发 IDE
TypeScript中的声明文件(.d.ts):扩展类型系统
TypeScript的`.d.ts`声明文件为JS库提供类型信息,增强IDE支持,如自动完成和类型检查。通过声明合并,可在全局作用域定义类型。示例包括为`my-library`创建声明模块,导出函数和接口。声明文件通常存于`@types`或指定`typeRoots`。用于旧JS代码的类型注解,如`myGlobalObject`。学习更多,参阅TypeScript官方文档。分享你的TS声明文件经验!
|
24天前
|
前端开发 JavaScript 安全
TypeScript作为一种静态类型的JavaScript超集,其强大的类型系统和面向对象编程特性为微前端架构的实现提供了有力的支持
【6月更文挑战第11天】微前端架构借助TypeScript提升开发效率和代码可靠性。 TypeScript提供类型安全,防止微前端间通信出错;智能提示和自动补全加速跨代码库开发;重构支持简化代码更新。通过定义公共接口确保一致性,用TypeScript编写微前端以保证质量。集成到构建流程确保顺利构建打包。在微前端场景中,TypeScript是强有力的语言选择。
32 2
|
2天前
|
JavaScript 安全
TypeScript(十一)泛型工具类型
TypeScript(十一)泛型工具类型
|
2天前
|
JavaScript 前端开发 编译器
TypeScript(五)类型别名及类型符号
TypeScript(五)类型别名及类型符号
|
2天前
|
JavaScript 前端开发
TypeScript(二)基本类型和特殊类型
TypeScript(二)基本类型和特殊类型
|
7天前
|
JavaScript 安全 开发者
Vue3 中更好地利用 TypeScript 的类型系统来提高代码质量
Vue3 中更好地利用 TypeScript 的类型系统来提高代码质量
|
9天前
|
JavaScript 安全
TypeScript类型(数字、字符串、字面量、数组、元组、枚举、对象等)
TypeScript类型(数字、字符串、字面量、数组、元组、枚举、对象等)
9 0
|
9天前
|
JavaScript
TypeScript类型申明
TypeScript类型申明
6 0
|
29天前
|
JavaScript 前端开发 Java
TypeScript 类型兼容性
TypeScript 类型兼容性