一文让你搞懂什么是TypeScript

简介: 一文让你搞懂什么是TypeScript

TypeScript是什么

dbdf4490cf1a40beb904d8545d265d3f.png


TypeScript简介


  1. TypeScript是JavaScript的超集。
  2. 它对JS进行了扩展,向JS中引入了类型的概念,并添加了许多新的特性。
  3. TS代码需要通过编译器编译为JS,然后再交由JS解析器执行。
  4. TS完全兼容JS,换言之,任何的JS代码都可以直接当成JS使用。
  5. 相较于JS而言,TS拥有了静态类型,更加严格的语法,更强大的功能;TS可以在代码执行前就完成代码的检查,减小了运行时异常的出现的几率;TS代码可以编译为任意版本的JS代码,可有效解决不同JS运行环境的兼容问题;同样的功能,TS的代码量要大于JS,但由于TS的代码结构更加清晰,变量类型更加明确,在后期代码的维护中TS却远远胜于JS。


TypeScript增加了什么?


c0391cc9c7924440b7af877560d9604c.png


TypeScript 开发环境搭建


1.下载Node.js


大家可以去node.js的官网下载node.js ==> node.js官网


2.安装Node.js


3.使用npm全局安装typescript

1. 进入命令行
2. 输入:npm i -g typescript


4.创建一个ts文件


4130e5588e7b4d36966320f6e5105396.png

0dd6da07ebde490293dd3983e883b1fd.png



5.使用tsc对ts文件进行编译


1. 进入命令行  
 2. 进入ts文件所在目录
 3. 执行命令:tsc xxx.ts


6a8cd0c2c7194efdbe7730df622345e9.png

71b0a07fc1b84ebc908cfd20e085502e.png

922e1677451c4a5296ac58dce2913054.png



到这里我们可以发现,我们已经将ts文件编译出来了,自动生成了ts文件


小结


我对于ts的理解就是,ts其实就是严格版本的js,在我们日常开发中,js代码虽然书写方便,但是代码存在不严谨的情况,ts很好的解决了这个问题,这仅仅是第一篇文章,相信好多小伙伴们对ts的好处还没有充分的了解,关注我的专栏,慢慢让大家对ts有更深刻的见识。



相关文章
|
5G 数据安全/隐私保护
5G终端标识SUPI,SUCI及IMSI解析
IMSI,SUPI,SUCI均为UE终端标识,区别在于IMSI为LTE终端标识,SUPI为5G非加密终端标识,一般等同于IMSI,SUCI为5G加密终端标识,需要解密后才能得到SUPI。
3461 0
5G终端标识SUPI,SUCI及IMSI解析
|
6月前
|
安全 算法 BI
《HarmonyOSNext 应用/元服务上架全攻略:从签名到过审的保姆级指南,让你一次跑通不踩坑!》
本文为HarmonyOS应用/元服务上架提供详细指南,涵盖签名到过审全流程。首先在AGC创建项目与应用,接着通过DevEco Studio生成密钥和CSR文件,申请发布证书与Profile。然后配置签名并编译打包,最后提交至AppGallery Connect审核。附避坑指南,助你顺利上架。
492 0
|
Linux Android开发 iOS开发
使用Kivy创建“Hello World”应用并打包成APK
使用Kivy创建“Hello World”应用并打包成APK
|
缓存 NoSQL 关系型数据库
|
存储 Kubernetes 开发工具
k8s学习--ConfigMap详细解释与应用
ConfigMap 是 Kubernetes 中用于管理非机密配置数据的 API 对象,可将应用配置与容器分离,便于动态管理和更新。它支持四种创建方式:命令行参数、多个文件、文件内的键值对以及 YAML 资源清单文件。ConfigMap 可通过环境变量或挂载为卷的方式传递给 Pod,并且当通过卷挂载时支持热更新。这使得配置管理更加灵活和安全,无需重新部署应用即可更新配置。
827 0
|
监控 关系型数据库 数据库
如何优化PostgreSQL的性能?
【8月更文挑战第4天】如何优化PostgreSQL的性能?
778 7
10-15|sudo hwclock --systohc这个是什么,什么情况下会用到这个
10-15|sudo hwclock --systohc这个是什么,什么情况下会用到这个
|
监控 前端开发 Java
6个顶级SpringCloud微服务开源项目
6个顶级SpringCloud微服务开源项目
1010 5
|
前端开发 JavaScript
探讨JavaScript实现类似弹幕的跑马灯效果
探讨JavaScript实现类似弹幕的跑马灯效果
1097 1
|
算法 定位技术 C语言
51单片机实现俄罗斯方块游戏编程
设计了一款基于AT89C51单片机的俄罗斯方块游戏机,使用LCD12864液晶显示,按键控制方块移动与变形。游戏中,7种不同形状的方块随机下落,填满一行得分,满屏则游戏结束。包含电源、单片机最小系统、LCD和按键模块的硬件电路通过Proteus进行了仿真,展示了游戏运行、得分和计时等。代码部分展示了检查碰撞和更新地图的函数。
387 1