TypeScript 介绍及使用说明

已于 2023-04-21 11:05:16 修改
阅读量2.8k 收藏 3
点赞数
分类专栏： Javascript 文章标签： javascript typescript
于 2022-01-25 10:37:28 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kingrome2017/article/details/122680414
版权
TypeScript是JavaScript的超集，提供静态类型检查、接口、泛型等特性，有助于规范代码并减少错误。本文介绍了如何配置TS运行环境、基本类型、泛型、接口、模块等内容，并通过实例演示了TypeScript的实际应用。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

Typescript

它不是一门语言，是js的超集，它包含了目前的es5标准，也包含了未来的es6\7\8的标准
还提供了很多后端的功能，比如静态类型检查，接口，泛型等。
主要给js带来了强类型定义的实际功能，相当于在原生js上加了一层类型定义

它不能直接运行在浏览器，需要通过tsc编译成js

ts的编译器叫tsc,就像es6的编译器叫babel

扩展

  • es3\es5目前支持所有浏览器
  • es6=es2015，es7=es2016，es8=2017，目前浏览器不支持，需要转换

Typescript作用好处

可以提供静态类型检查，对IDE有友好提示，规范代码编写，在代码编译阶段就能及时发现错误

比如：最常见的加法运算，当我们传入字符串类型代码也能正常运行，只是结果变成了字符串拼接而不是加法运算，这就是js的缺点，如果有了Ts的存在，就会检查类型，如果不是数字类型就会报错

配置TS运行环境

通过npm安装 命令：npm install -g typescript
ts官方文档中强调，要使用let const 去声明变量，避免使用var关键字

理论基础

  • TS变量：数字 字符串 数组 元组
  • 联合枚举（enum）any unknown void never
  • 类型适配(类型断言) 函数类型
  • 泛型 class interface module

实际演示

基本数据类型

function add (num1: number, num2: number) =>{
   }
let isTrue:boolean = true
let name:string = ""

数组
他们表示数组类型，并且数组里的元素都是数字

let list1:number[] = [1,2,3,4]

这种是泛型的写法

let list2:Array<number> = [1,2,3,4]

let list3:any[] = [1,'3', [1]]

元祖 tuple
元祖是，固定长度，固定类型，固定位置，的特殊数组

let list1:[number,string] = [1,'2']

联合类型 <|竖线写法>
只能保存定义好的数据类型，也就是或则算法二选其一

let
最低0.47元/天 解锁文章
TypeScript学习笔记（一）——TypeScript介绍与常用类型注解
weixin_56370772的博客
08-09 1251
TypeScript 是 JS 的超集，TS 提供了 JS 的所有功能，并且额外的增加了：类型系统。所有的 JS 代码都是 TS 代码。JS 有类型（比如，number/string 等），但是JS 不会检查变量的类型是否发生变化。而TS 会检查。TypeScript 类型系统的主要优势：可以显示标记出代码中的意外行为，从而降低了发生错误的可能性。类型注解常用基础类型。
【入门】TypeScript基本使用
m0_66083041的博客
03-30 2542
1.TypeScript介绍 TypeScript简称:TS,是JavaScript的超集。 (1)JS有的TS都有,JS写的代码在TS的环境下都能跑。 (2)在JS基础之上,为JS添加了类型支持。TypeScript=Type+JavaScript TypeScript 起源于使用JavaScript开发的大型项目 。由于JavaScript语言本身的局限性，难以胜任和维护大型项目开发。因此微软开发了TypeScript ，使得其能够胜任开发大型项目。 // TypeScript 代码有明确的数据类型
TypeScript
12-27
TypeScript 数据类型，可以来看看，后续会发更多免费的资源
typescript可以干什么
weixin_35756624的博客
12-21 642
TypeScript 是一种由微软开发的超集 JavaScript 的编程语言。它在 JavaScript 的基础上添加了类型系统和对 ECMAScript 2015 及更高版本的支持，使得开发人员能够在编写代码时更加自信和高效。 TypeScript 还提供了一些工具来帮助开发人员编写更严谨、更可靠的代码，例如类型检查、代码重构工具和自动化单元测试等。它还支持面向对象编程的特性，例如类、接口、抽...
TypeScript 入门到进阶全讲解（超全版）
最新发布
idree的博客
04-27 1818
TypeScript 入门到进阶全讲解（超全版）
typescript 是干什么的？
weixin_48813932的博客
05-20 1092
一.TypeScript 是什么 TypeScript (简称： TS )是 JavaScript 的超集 ( JS 有的 TS 都有)。 TypeScript = Type + JavaScript (在 JS 基础之上，为 JS 添加了类型支持)。 TypeScript 是微软开发的开源编程语言，可以在任何运行 JavaScript 的地方运行。 二.TypeScript 为什么要为 JS 添加类型支持？ 背景： JS 的类型系统存在“先天缺陷”， JS 代码中绝大部分错误都是类型错误( Unc
前端（六）——TypeScript在前端中的重要性与应用
杜永康的博客
07-13 2718
TypeScript 是一种开源的编程语言，它是 JavaScript 的一个超集。由于 TypeScript 扩展了 JavaScript，并添加了静态类型系统和其他特性，因此它可以被视为 JavaScript 的增强版。TypeScript 被设计用来解决 JavaScript 在大型应用开发方面的一些困难和限制。它通过引入静态类型、类、接口、模块化等特性，提供了更强大的工具和功能，有助于构建可维护、可扩展的应用程序。⭐⭐⭐TS的特点包括：静态类型检查。
TypeScript的介绍及功能
凯凯凯凯凯凯凯凯
10-31 1641
TypeScript的介绍及功能
课程设计基于TypeScript的三维地图大屏可视化平台源码+使用说明.tar
11-16
课程设计基于TypeScript的三维地图大屏可视化平台源码+使用说明.tar课程设计基于TypeScript的三维地图大屏可视化平台源码+使用说明.tar课程设计基于TypeScript的三维地图大屏可视化平台源码+使用说明.tar课程设计...
解决vue cli使用typescript后打包巨慢的问题
10-16
本文详细介绍了如何解决该问题，以及在Vue项目中优化TypeScript打包速度的方法。针对这一问题，首先需要了解Vue CLI是如何配置ts-loader的，然后通过示例代码说明如何替换ts-loader，并利用babel的TypeScript插件来...
TypeScript的使用
weixin_44719499的博客
10-16 942
特性typeinterface用途任意类型，包括原始类型、联合类型、交叉类型等主要用于描述对象或类的结构扩展方式通过交叉类型（）扩展通过extends继承声明合并不支持声明合并支持声明合并类实现不支持implements直接实现支持implements实现联合类型支持不支持条件类型支持不支持总体来说，type更灵活，用于多种复杂类型的表达，而interface更适合用于描述对象结构和面向对象编程中的契约。
TypeScript类的使用
一个小白的成长历程
06-30 355
本编typescript类的使用，有关成员修饰符(public,private和protected), readonly只读属性, getters/setters，静态成员，抽象类abstract，与类的类型的定义使用；
typeScript（一）认识typeScript及作用
陈小陈的博客
12-26 1910
认识typeScript 官网：https://www.typescriptlang.org 中文： https://www.typescriptlang.org/zh/ https://ts.xcatliu.com/ 什么是TypeScript？ TypeScript能做什么？ 为什么要用TypeScript？ 什么时候用TypeScript？ TypeScript 核心：解决 JavaScript 编程中的类型安全问题 什么是类型安全？ 什么是类型系统？ 无论我们通过什么语言去写程序，都
TypeScript 的主要特点和重要作用
大剑师兰特的GIS世界
07-31 1164
TypeScript 是一种由微软开发和维护的开源静态类型检查的编程语言。它是 JavaScript 的超集，这意味着任何有效的 JavaScript 代码也是有效的 TypeScript 代码。TypeScript 添加了一些额外的功能，比如类型注解、接口、类等，这些功能有助于开发者编写大型且可维护的应用程序。
了解TypeScript与使用
2301_80107415的博客
07-29 1213
TypeScript（简称TS）是微软公司开发的一种基于JavaScript（简称js）语言的编程语言。它的目的并不是创造一种全新语言，而是增强JavaScript的功能，使其更适合多人合作的企业级项目。TypeScript可以看成是JavaScript的超集（superset），即它继承了后者的全部特性，并在此基础上增加了静态类型检查和其他一些特性。
TypeScript的用法
qq_39213537的博客
04-01 551
TypeScript的用法 void, undefined,null,接口，函数，泛型，type，ts中基础类型，enum，never，断言、链判断字符、断言
Typescript 基本使用
weixin_40710412的博客
02-06 988
你可能会想到使用 object，但是object的检查太宽泛了，你甚至可以给object类型的变量传递一个函数, 通常，我们使用以下的方法1. 使用类型索引} = {a:1,B:2,c:3,[P :string] 为类型索引，表示属性值可以是任何字符串类型，value为any，表示值可以是任何类型2. 使用Recorda:1,B:2,c:3,Record 如上方式也可以定义一个任意类型的对象如果想要求obj中必须包含一些属性，可以使用} = {
Typescript基本使用
qq_44410862的博客
05-31 188
记录学习Typescript 安装 Typescript: npm install -g typescript 原始数据类型 Boolean Null Undefined Number BigInt String Symbol let isDone: boolean = false // 接下来来到 number let age: number = 10 let binaryNumber: number = 0b1111 // 之后是字符串，注意es6新增的模版字符串也是没有问题的 let f
matlab-simulink与控制系统仿真 答案
07-15
### 回答1： Matlab-Simulink是一种在控制系统仿真领域广泛使用的工具。它结合了Matlab的强大数值计算能力和Simulink的图形化仿真界面，使得控制系统的建模、仿真和分析变得更加高效和方便。 在控制系统仿真中，Matlab-Simulink可以用于建立系统的数学模型。通过在Simulink界面上拖拽和连接各个组件，我们可以创建一个表示控制系统的图形模型。这些组件可以包括信号源、传感器、执行器、控制器等等。这种图形化的模型使得我们能够直观地了解系统的结构和工作原理。 一旦模型建立完成，我们就可以使用Matlab的编程能力对系统进行仿真和分析。Matlab提供了丰富的数值计算函数和工具箱，能够帮助我们对模型进行仿真、优化和数据分析。这些功能使得我们能够评估系统的性能、设计合适的控制策略，甚至进行参数优化和鲁棒性分析。 此外，Matlab-Simulink还提供了各种工具和功能，使得与其他工程软件的集成变得更加容易。例如，我们可以与CAD软件进行联合仿真，将系统的物理模型和控制系统模型结合在一起，从而更加准确地进行系统分析。 总而言之，Matlab-Simulink是一种功能强大的工具，可以在控制系统仿真中发挥重要作用。它不仅能够帮助我们建立系统的数学模型，还能提供丰富的仿真、分析和优化功能，使得控制系统的设计和调试过程更加高效和准确。 ### 回答2： MATLAB-Simulink是一种强大的工具，用于控制系统的建模、仿真和分析。它提供了一个用户友好的环境，可以通过拖拽和连接不同的模块来构建控制系统模型。Simulink还可以与MATLAB进行无缝集成，使用户可以在建模过程中进行数据分析和处理。 借助MATLAB-Simulink，我们可以对各种控制系统进行仿真。首先，我们需要将实际系统建模为Simulink中的块图模型。这可以通过选择适当的模型代表实际系统，在模型中添加输入和输出，并设置系统的各种参数来完成。 一旦模型建立完成，就可以开始控制系统的仿真。通过Simulink提供的画图工具，我们可以更轻松地调整信号和参数，并观察系统在不同输入下的响应。仿真可以帮助我们验证控制系统的设计是否能够实现预期的目标，并找出潜在的问题。 此外，MATLAB-Simulink还提供了一些强大的分析工具，用于评估和优化控制系统的性能。例如，可通过使用信号处理和系统识别工具箱来分析系统的频率响应和稳定性。此外，还可以使用优化工具箱来找到最佳的控制器参数，以实现系统的最优性能。 综上所述，MATLAB-Simulink是一个功能强大的工具，可用于控制系统仿真。它提供了丰富的建模和仿真功能，使我们能够更好地理解和优化控制系统的性能。无论是研究还是工程应用，MATLAB-Simulink都是一个非常有用的工具，值得我们学习和掌握。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值