TypeScript中的声明文件（.d.ts）：扩展类型系统

逐星ing

于 2024-05-20 17:47:29 发布

阅读量941

点赞数 19

分类专栏： TypeScript 前端文章标签： typescript ubuntu javascript

本文链接：https://blog.csdn.net/qq_41791705/article/details/139071415

版权

前端同时被 2 个专栏收录

38 篇文章 0 订阅

订阅专栏

TypeScript

34 篇文章 0 订阅

订阅专栏

TypeScript中的声明文件（.d.ts）：扩展类型系统

引言

TypeScript的声明文件（.d.ts）允许开发者为现有的JavaScript代码或第三方库提供类型信息。这使得TypeScript能够理解库中函数、变量、类等的类型，从而在IDE中获得类型检查和自动完成等特性。

基础知识

声明文件：以.d.ts扩展名结尾的文件，用于声明JavaScript代码的类型信息。
导出：在声明文件中，使用export关键字导出类型信息。

核心概念

声明合并：TypeScript允许多个声明文件或声明合并为一个类型。
全局类型：在全局作用域中声明的类型可以在整个项目中访问。

示例演示

为JavaScript库创建声明文件：

// my-library.d.ts
declare module 'my-library' {
  function doSomething(value: string): void;
  interface Options {
    size: number;
    color: string;
  }
  const version: string;
  export { doSomething, Options, version };
}

使用声明文件中的类型：

import { doSomething, Options } from 'my-library';
import version from 'my-library/version';

doSomething('Hello, World!');
console.log(version);

const options: Options = { size: 10, color: 'blue' };

实际应用

在实际开发中，声明文件通常用于为第三方JavaScript库提供类型定义，或为已有的JavaScript代码添加类型注解。

为现有的JavaScript对象添加类型定义：

// declarations.d.ts
declare const myGlobalObject: {
  id: number;
  name: string;
};

// 在TypeScript文件中使用
myGlobalObject.name.toLowerCase(); // 正确使用
// myGlobalObject.undefinedFunction(); // 错误：TypeScript会提示错误