TypeScript基本介绍和安装

一.TypeScript介绍
1.1 TypeScript是什么

TypeScript,简称为TS,是javascript的超集,js有的功能ts都有。

TypeScript = Type + javascript,即在js的基础上增加了类型支持。

TypeScript是由微软开发的开源编程语言,可以在任何运行js的地方运行。

1.2 TypeScript为什么要为js添加类型支持

写过JS代码的同学都值得,JS是一个弱类型脚本语言,对使用的数据类型未做严格的要求,可以进行类型转换,简单又灵活。但是正因为这一特点,经常出现类型类型错误。为了解决这一问题,因此产生了TypeScript。

TypeScript和JavaScript对比:

语言编程语言动静代码检查时期
TypeScript静态类型编译期
JavaScript动态类型执行期
1.3 相比JS的优势

1.更早的发现代码错误,减少bug数量,提示效率;

2.配合编译工具,有很好的代码提示,增强开发体验;

3.有强大的类型系统提升代码的可维护性;

4.有类型推断机制,不需要在代码的每个地方都显示设置类型;

另外,目前一些框架源码都默认支持TS,如:Vue3源码使用TS重写、Angular默认支持TS、uniapp和微信小程序也均支持TS开发,可见TS已经成为前端项目的首选编程语言。

二.TypeScript初体验

安装TypeScript工具

命令:npm i -g typescript

浏览器/node.js无法直接运行ts文件,需要编译成js再运行

编译运行命令

tsc xxx.ts

node xxx.js

简化编译运行操作

可通过ts-node简化编译运行命令

先全局安装ts-nodenpm i -g ts-node

安装完成后,直接通过命令ts-node xxx.ts,实现编译运行。

注意:该命令不会直接生成js文件。

代码库:https://github.com/zhang-hai/MySummary

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值