一文让你搞懂什么是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。
3488 0
5G终端标识SUPI,SUCI及IMSI解析
|
前端开发 JavaScript
探讨JavaScript实现类似弹幕的跑马灯效果
探讨JavaScript实现类似弹幕的跑马灯效果
1123 1
|
算法 定位技术 C语言
51单片机实现俄罗斯方块游戏编程
设计了一款基于AT89C51单片机的俄罗斯方块游戏机,使用LCD12864液晶显示,按键控制方块移动与变形。游戏中,7种不同形状的方块随机下落,填满一行得分,满屏则游戏结束。包含电源、单片机最小系统、LCD和按键模块的硬件电路通过Proteus进行了仿真,展示了游戏运行、得分和计时等。代码部分展示了检查碰撞和更新地图的函数。
411 1
|
开发框架 JavaScript 前端开发
什么是TypeScript
什么是TypeScript
294 0
|
安全 数据库
【Debian】配置aide入侵检测服务
基于debian系统。aide主要功能检测系统文件,当系统文件发生变化,如/etc/passwd文件出现差异,那么aide将会认为系统遭受入侵被增添用户
2474 0
|
弹性计算 Linux
使用NAT网关轻松为单台云服务器设置多个公网IP
在应用中,有时会遇到用户询问如何使单台云服务器具备多个公网IP的问题。 具体如何操作呢,有了NAT网关这个也不是难题。
40619 0
|
机器学习/深度学习 并行计算 C语言
推荐几个不错的CUDA入门教程(非广告)
推荐几个不错的CUDA入门教程(非广告)
1089 1
|
JavaScript Java 关系型数据库
|
JavaScript
点击按钮切换div及其内容(两种方法:Vue指令方式、原生DOM操作方式
点击按钮切换div及其内容(两种方法:Vue指令方式、原生DOM操作方式
1496 0
点击按钮切换div及其内容(两种方法:Vue指令方式、原生DOM操作方式
|
SQL 机器学习/深度学习 弹性计算
【新功能】智能巡检支持更加灵活的告警
主要介绍如何通过SLS的告警2.0的能力去管理【智能巡检】任务产生的异常事件。通过实体维度和特征纬度的单独配置您需要的告警事件。
601 0