Typescript: declear

问:

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 时,可以省略 constletvar 关键字,只要明确声明类型即可。

其实,你可以直接使用: 

declare book: string;

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

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

示例

假设你在 HTML 文件中通过 <script> 标签引入了一个 JavaScript 库,该库定义了一个全局变量 book

<script src="some-library.js"></script>

<script> var book = "Some book title"; </script>

在你的 TypeScript 文件中,你可以这样声明这个全局变量的类型:

declare const book: string;

或者,更简单地:

declare book: string;

这两种方式在本质上没有区别,它们都告诉 TypeScript 编译器,有一个名为 book 的全局变量,并且它是字符串类型。

为什么可以省略 const

declare 语句中,const 关键字的使用主要是为了增强语义,让代码更加清晰,表明这个变量在运行时不会被重新赋值。不过在纯粹的类型声明场景中,这不是必须的。

declare book: string;

这种声明是完全合法的,TypeScript 会理解 book 是一个已经在其他地方定义的全局变量,并且它是字符串类型。

总结

  • 使用 declare const book: string;:更明确地表明这个变量在运行时不会被重新赋值。
  • 使用 declare book: string;:同样有效,简洁地声明了一个全局变量的类型信息。

两者都会告诉 TypeScript 编译器 book 已经存在,并且它是字符串类型。因此,如果你希望代码更简洁,可以直接使用 declare book: string;

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/diannao/32552.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【Python系列】探索 NumPy 中的 mean 函数:计算平均值的利器

&#x1f49d;&#x1f49d;&#x1f49d;欢迎来到我的博客&#xff0c;很高兴能够在这里和您见面&#xff01;希望您在这里可以感受到一份轻松愉快的氛围&#xff0c;不仅可以获得有趣的内容和知识&#xff0c;也可以畅所欲言、分享您的想法和见解。 推荐:kwan 的首页,持续学…

Selenium WebDriver - 动作API

本文翻译整理自&#xff1a;https://www.selenium.dev/documentation/webdriver/actions_api/ 文章目录 一、行动建设者二、暂停三、释放所有操作四、键盘动作1、钥匙2、钥匙放下3、钥匙打开4、发送钥匙活性元素指定元素 5、复制和粘贴 五、鼠标动作1、点击并按住2、点击并释放…

软件串口接收子程序

代码; stduart.c /*《AVR专题精选》随书例程3.通信接口使用技巧项目&#xff1a;使用延时法实现半双工软件串口文件&#xff1a;sfuart.c说明&#xff1a;软件串口驱动文件作者&#xff1a;邵子扬时间&#xff1a;2012年12月13日*/ #include "sfduart.h"// 循环中延…

WinMerge v2 (开源的文件比较/合并工具)

前言 WinMerge 是一款运行于Windows系统下的免费开源的文件比较/合并工具&#xff0c;使用它可以非常方便地比较多个文档内容甚至是文件夹与文件夹之间的文件差异。适合程序员或者经常需要撰写文稿的朋友使用。 一、下载地址 下载链接&#xff1a;http://dygod/source 点击搜…

【Linux】进程间通信3——线程安全

1.Linux线程互斥 1.1.进程线程间的互斥相关背景概念 临界资源&#xff1a; 多线程执行流共享的资源叫做临界资源。临界区&#xff1a; 每个线程内部&#xff0c;访问临界资源的代码&#xff0c;就叫做临界区。互斥&#xff1a; 任何时刻&#xff0c;互斥保证有且只有一个执行…

动态创建接口地址

和SpringBoot版本有关系 这里用的boot 2.2.2

docker使用记录

目的&#xff1a;在ubuntu22.04中使用docker拉取ubuntu20.04镜像&#xff0c;后续安装ros1以及相机和激光驱动 1.pull 镜像/etc/docker文件中修改daemon.json{"runtimes": {"nvidia": {"path": "nvidia-container-runtime","run…

LabVIEW电控旋翼测控系统

开发基于LabVIEW开发的电控旋翼测控系统&#xff0c;通过高效监控和控制提升旋翼系统的性能和安全性。系统集成了多种硬件设备&#xff0c;采用模块化设计&#xff0c;实现复杂的控制和数据处理功能&#xff0c;适用于现代航空航天领域。 项目背景 传统旋翼系统依赖机械和液压…

IO模型详解

阻塞IO模型 假设应用程序的进程发起IO调用&#xff0c;但是如果内核的数据还没准备好的话&#xff0c;那应用程序进程就一直在阻塞等待&#xff0c;一直等到内核数据准备好了&#xff0c;从内核拷贝到用户空间&#xff0c;才返回成功提示&#xff0c;此次IO操作&#xff0c;称…

C# 中的静态关键字

C# 语言中的 static 关键字用于声明静态类和静态类成员。静态类和静态类成员&#xff08;如构造函数、字段、属性、方法和事件&#xff09;在只需要一个对象&#xff08;类或类成员&#xff09;副本并在类型&#xff08;和成员&#xff09;的所有实例&#xff08;对象&#xff…

React+TS前台项目实战(十五)-- 全局常用组件Table封装

文章目录 前言Table组件1. 功能分析2. 代码详细注释3. 使用方式4. 效果展示 总结 前言 在这篇文章中&#xff0c;我们将对本系列项目中常用的表格组件Table进行自定义封装&#xff0c;以提高性能并适应项目需求。后期也可进行修改和扩展&#xff0c;以满足项目的需求。 Table组…

C# Onnx Yolov5 水果识别,人员识别,物品识别 人工智能

目录 先上效果 来电废话&#xff0c;但实用 网络成功案例实践易失败的原因 万物检测涉及技术 下载合集 关键代码 全部代码 实操vs2022安装关键 YOLO V5核心库编译 编写自己识别软件 更新相关依赖 标注字库文件 测试效果 名词解释YOLO 名词解释ONNX 源码 直播教…

卸载 ubuntu-wsl2-systemd-script,使用 WSLg 图形用户界面

目录 全新安装 - 以前没有安装 WSL现有 WSL 安装卸载 ubuntu-wsl2-systemd-script使用 Linux GUI参考链接在 Windows 上使用 Linux 开发环境,最好的做法是使用 WSL2。在 WSL 和早期的 WSL2 版本中,并不支持图形用户界面。因此如果想要使用 GUI 程序,需要自行解决。具体方法可…

XSL-FO 对象

XSL-FO 对象 1. 概述 XSL-FO(Extensible Stylesheet Language Formatting Objects)是一种基于XML的语言,用于描述格式化结构化文档的样式和布局。XSL-FO提供了一种将XML数据转换为格式化输出(如PDF、PostScript或HTML)的方法。XSL-FO对象是XSL-FO文档中的基本构建块,用…

主流的Agent框架

Rank1、AutoGPT(161k stars)>https://github.com/Significant-Gravitas/AutoGPT Rank2、LangChain(82.7k stars)>https://github.com/langchain-ai/langchain Rank3、MetaGPT(39.1k stars)>https://github.com/geekan/MetaGPT Rank4、AutoGen(24.8k stars)>http…

读线圈和离散状态寄存器信息

一.功能码操作类型 二.读线圈状态 需求实例 读取设备地址为 3 的从设备的线圈状态寄存器&#xff0c;线圈地址为 19 到 55&#xff08;从 0 开始计算&#xff09;共 37 个状态。 分析&#xff1a;由需求可知读取地址&#xff0c;则功能码是0x01,地址为3即为0x03,线圈地址为19到…

Python | Leetcode Python题解之第179题最大数

题目&#xff1a; 题解&#xff1a; class Solution:def largestNumber(self, nums: List[int]) -> str:def quick_sort(l , r):if l > r: returni, j l, rwhile i < j:while strs[j] strs[l] > strs[l] strs[j] and i < j: j - 1while strs[i] strs[l] &l…

基于matlab的BP神经网络分类预测

1.神经网络结构 本文网络结构如图1所示&#xff1a; 图1 网络结构 图1给出的并不是单纯的bp神经网络结构这里设置了三个隐藏层&#xff0c;神经元个数分别为6&#xff0c;3&#xff0c;3&#xff0c;输入层12个特征输入&#xff0c;输出层输出4个类型结果。 2.代码 %% 清空环…

提升数据库性能的关键方法总结

提升数据库性能的关键方法总结 大家好&#xff0c;我是免费搭建查券返利机器人省钱赚佣金就用微赚淘客系统3.0的小编&#xff0c;也是冬天不穿秋裤&#xff0c;天冷也要风度的程序猿&#xff01; 随着数据库在现代应用中的广泛应用&#xff0c;数据库性能的优化成为了开发人员…

使用ViewDragHelper打造属于自己的DragLayout(抽屉开关 )

</com.xujun.drawerLayout.drag.DragLayout> 在代码中若想为其设置监听器, 分别可以监听打开的 时候&#xff0c;关闭的时候&#xff0c;拖动的时候&#xff0c;可以在里面做相应的处理&#xff0c;同时我还加入了 自定义属性可以通过 app:range”480”或者setRange&am…