TypeScript介绍与安装

TypeScript是一种开源的静态类型编程语言,由微软开发,作为JavaScript的超集,它通过增加类型支持来解决JavaScript的一些固有问题。本文介绍了TypeScript的背景、为何需要类型支持及其带来的优势。

TypeScript 是什么?

TypeScript (简称: TS )是 JavaScript 的超集 ( JS 有的 TS 都有)。 TypeScript = Type + JavaScript (在 JS 基础之上,为 JS 添加了类型支持)。 TypeScript 是微软开发的开源编程语言,可以在任何运行 JavaScript 的地方运行。

TypeScript 为什么要为 JS 添加类型支持?

因为JS 类型系统存在“先天缺陷”, JS 代码中绝大部分错误都是类型错误( Uncaught TypeError )。 那么,增加了找 Bug、改 Bug 的时间,严重影响开发效率。

从编程语言的动静来区分, TypeScript 属于静态类型的编程语言, JS 属于动态类型的编程语言。

  • 静态类型:编译期做类型检查;  
  • 动态类型:执行期做类型检查。

代码编译和代码执行的顺序: 1 编译  2 执行。

  • 对于 JS 来说:需要等到代码真正去执行的时候才能发现错误 。
  • 对于 TS 来说:在代码编译的时候(代码执行前)就可以发现错误 。 并且,配合 VSCode 等开发工具, TS 可以提前到在编写代码的同时就发现代码中的错误, 减少找 Bug、改 Bug 时间 

TypeScript的优势

  1. 更早(写代码的同时)发现错误, 减少找 Bug、改 Bug 时间 ,提升开发效率。
  2. 程序中任何位置的代码都有代码提示 ,随时随地的安全感,增强了开发体验。
  3. 强大的类型系统提升了代码的可维护性,使得重构代码更加容易。
  4. 支持最新的 ECMAScript 语法 ,优先体验最新的语法,让你走在前端技术的最前沿。
  5. TS 类型推断机制, 不需要在代码中的每个地方都显示标注类型 ,让你在享受优势的同时,尽量降低了成本。

安装

Node.js/浏览器,只认识 JS 代码,不认识 TS 代码。需要先将 TS 代码转化为 JS 代码, 然后才能运行

安装编译 TS 的工具包: npm i -g typescript

1.创建ts文件

 

 2.在终端输入命令,tsc hello.ts,生成js文件

 

 简化步骤

由于每次修改代码后 ,都要重复执行两个命令 ,才能运行 TS 代码, 太繁琐。  

简化方式 :使用 ts-node 包, 直接在 Node.js 中执行 TS 代码。

安装命令: npm i -g ts-node (ts-node 包提供了 ts-node 命令)。

使用方式:ts-node hello.ts。

新版本 更新需要额外的插件依赖(当前项目下)   npm install -D tslib @types/node

 使用命令:ts-node hello.ts

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值