前端经典面试题合集, TypeScript 中的 Declare 关键字有什么用?
前端经典面试题合集, TypeScript 中的 Declare 关键字有什么用?
QA
Step 1
Q:: TypeScript 中的 Declare 关键字有什么用？
A:: 在 TypeScript 中，declare 关键字用于声明已经存在的变量、函数、类或模块，但不在当前文件中定义。它告诉 TypeScript 编译器有这样的实体存在，从而避免报错。这在使用 JavaScript 库或其他非 TypeScript 代码时特别有用，例如：declare var jQuery: any; 表示 jQuery 是一个变量，并且它的类型为 any。
Step 2
Q:: 在什么情况下会使用 declare 关键字？
A:: 主要用于引入外部 JavaScript 库时，例如通过 CDN 引入的库或者手动添加的库文件。这种情况下，TypeScript 无法自动识别库中的类型信息，使用 declare 可以告诉编译器这些类型信息已经存在。
Step 3
Q:: 如何为一个 JavaScript 库编写 TypeScript 声明文件？
A:: 可以使用 declare 关键字创建 .d.ts 文件来为 JavaScript 库编写声明文件。例如，为一个名为 'myLibrary' 的库创建 myLibrary.d.ts 文件，并在文件中使用 declare module 'myLibrary' {...} 的方式声明模块及其内部的函数和变量。
Step 4
Q:: declare 和 export 的区别是什么？
A:: declare 关键字用于声明外部存在的变量或模块，而 export 关键字用于从当前模块导出变量、函数、类等。简单来说，declare 声明某些东西已经存在，而 export 则是输出某些东西供其他模块使用。
Step 5
Q:: 如何使用 declare 关键字为全局变量声明类型？
A:: 可以直接在文件顶部使用 declare 关键字声明全局变量。例如，declare var process: { env: { NODE_ENV: string } }; 这将声明一个全局的 process 变量，并定义其结构。