Typescript: declear

最新推荐文章于 2024-11-02 19:19:35 发布

fury_123

最新推荐文章于 2024-11-02 19:19:35 发布

阅读量401

点赞数 5

文章标签： typescript javascript 前端

本文链接：https://blog.csdn.net/kuang_nu/article/details/139884499

版权

问:

const book: string = ''这样就可以声明而且赋值为什么还用declear去分成好几步骤走呢?

同时即使不赋值只需要使用const book: string;难道不也行吗?

为什么要加上一个declear呢?

回答:

在 TypeScript 中，声明变量和使用 declare 声明类型信息是两个不同的概念，理解这两者的区别对于有效地使用 TypeScript 至关重要。以下是关于这两者的详细解释及其应用场景：

1. 声明变量与赋值
当你在 TypeScript 中声明一个变量并赋值时，你通常会这样做：

typescript
const book: string = '';
或者仅仅声明一个变量而不初始化：

typescript
let book: string;
这种方式适用于你在代码中直接定义和使用的变量。这种声明方式意味着变量 book 是在当前作用域（比如函数或模块）内定义的，并且 TypeScript 知道它的类型。

2. 使用 declare 的场景
declare 关键字的主要目的是为那些在 TypeScript 文件之外已经存在的实体（如全局变量、第三方库等）提供类型信息，而不是在当前作用域内创建新的变量。以下是一些典型的使用场景：

声明全局变量
假设你在 HTML 文件中通过 <script> 标签引入了 jQuery 库，而你想在 TypeScript 文件中使用 jQuery 全局变量。由于 jQuery 是在 TypeScript 文件之外定义的，你需要告诉 TypeScript 有这样的一个全局变量存在：

typescript
declare var jQuery: (selector: string) => any;
这种声明不会生成任何 JavaScript 代码，仅仅让 TypeScript 编译器知道 jQuery 的类型，以便进行类型检查。

声明第三方库模块
当使用一个没有内置类型定义的第三方库时，你可以使用 declare module 来声明模块的类型信息。例如：

typescript
declare module 'my-library' {
  export function myFunction(): void;
}
这允许你在 TypeScript 中安全地导入和使用 my-library 模块。

声明全局函数或类
如果你在 JavaScript 环境中定义了全局函数或类，可以使用 declare 来告诉 TypeScript：

typescript
declare function alert(message: string): void;

declare class Animal {
  name: string;
  constructor(name: string);
  move(distanceInMeters: number): void;
}
为什么不能只用变量声明？
作用域问题：直接使用 const 或 let 只是声明了一个局部变量，而 declare 用于声明已经在其他地方定义的全局变量或模块。

无定义实现：declare 仅仅提供了类型描述，而不会在编译后的 JavaScript 中产生任何代码。这对于声明那些已经由其他手段（如加载的外部脚本）定义的实体非常重要。

类型安全：使用 declare 可以为那些没有类型信息的外部资源提供类型检查，从而提高代码的健壮性和可维护性。

总结
声明和赋值用于你在当前代码中定义和使用的变量。
declare 关键字用于声明那些在 TypeScript 文件之外已经存在的变量、函数、类或模块的类型信息。
因此，这两个工具有着不同的用途和适用场景。了解这点将有助于你更好地利用 TypeScript 提供的类型系统，提高代码的安全性和开发效率

问:

const book: string = ''这样就可以声明而且赋值为什么还用declear去分成好几步骤走呢?同时即使不赋值只需要使用const book: string;难道不也行吗?为什么要加上一个declear呢?

既然在其他地方已经定义了book,为什么在这个ts文件中还要declear const book 而不是直接 declear book?

回答:

在 TypeScript 中，declare 关键字用于告诉编译器某个变量已经在其他地方定义，而你只是提供它的类型信息。使用 declare 时，可以省略 const、let 或 var 关键字，只要明确声明类型即可。

其实，你可以直接使用:

declare book: string;。

这是完全有效的，TypeScript 会正确理解你的意图，即这是一个已经在其他地方定义的全局变量，并且在这个 ts 文件中你只是在声明它的类型。

下面是一个更清晰的解释和示例：