What is the Declare Keyword in TypeScript?

在TypeScript中，declare 关键字用于声明一个变量、函数、类或者任何其它类型的声明，但是并不提供具体的实现。它主要用于告诉 TypeScript 的类型系统某个变量或对象的类型，常见于当你希望使用第三方JavaScript库时，而这些库并没有提供TypeScript的类型定义文件（.d.ts 文件）。

使用场景与例子

1. 声明全局变量

当你在使用一些全局变量，比如在HTML页面中通过<script>标签引入的第三方库时，TypeScript默认是不知道这些全局变量的。这时，你可以使用 declare 关键字来告诉TypeScript这些变量的类型。

typescript
// 假设有一个全局变量 MyLibrary，它是从外部脚本加载的
declare var MyLibrary: any;

// 现在你可以在TypeScript中安全地使用这个变量了
MyLibrary.doSomething();

2. 使用第三方JavaScript库

假设你正在使用一个第三方库，比如 lodash，并且这个库没有提供TypeScript的类型定义，你可以自己声明需要的类型。

typescript
// 声明lodash库中的一些方法
declare module 'lodash' {
    export function shuffle<T>(array: Array<T>): Array<T>;
}

// 使用这个方法时，TypeScript就能正确地进行类型检查
import * as _ from 'lodash';

let nums = [1, 2, 3, 4, 5];
let shuffled = _.shuffle(nums);

3. 声明模块或文件

当你在TypeScript项目中引入非TS文件时（如CSS文件或图片），你需要告诉TypeScript怎么处理它们。

typescript
// 声明一个CSS模块
declare module '*.css' {
    const content: {[className: string]: string};
    export default content;
}

// 现在你可以安全地导入CSS文件，并且能够访问其中的类名
import styles from './styles.css';
console.log(styles.container);  // 使用CSS中的.container类

使用declare关键字是TypeScript处理非TS资源的一种有效方式，它帮助维持代码的类型安全，并且让你能够灵活地使用现有的JavaScript资源。