什么是Typescript

本文详细介绍了TypeScript的特性,包括其静态类型系统、语法支持、兼容性及优点,同时也提到了一些小缺点。文中还提供了TypeScript的安装指南和基本使用示例,帮助初学者快速上手。

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

1、什么是Typescript
  • 静态类型风格的类型系统
  • 从es6到es10 甚至是esnext的语法支持
  • 坚持各种浏览器,各种系统,各种服务器,完全开源的软件
2、Typescript的优点
  • 使得代码更容易理解,因为函数或者方法输入输出的参数类型一看就知道是要传什么参数
  • 效率更高:
    • 在不同的代码块和定义中进行跳转
    • 代码自动补全
    • 丰富的接口提示
  • 更少的错误
    • 在编译期间能够发现大部分错误
    • 杜绝一些常见的错误(例如一些变量名称打错等)
  • 非常好的包容性
    • 完全兼容javascript
    • 第三方库可以单独编写类型文件
    • 支持Typescript-React、Vue、Angualar、Ant Design等
3、Typescript的小缺点
  • 增加了一些学习成本
  • 短期内增加一些开发成本,因为定义大量的类型,但是长期维护大项目来说,是节省很多时间的
4、安装和使用

(1)、安装,建议node版本升级到10.0以上昂

1. npm install -g typescript
或
2. yarn add typescript
安装成功,查看版本号如下命令
3. tsc -v 

(2)、简单的使用
创建一个ts文件,例如index.ts,代码如下:

const hello = (name:string) =>{
return `hello${name}`
}
hello('小满')

如果需要编译成js文件,可以输入如下命令:

tsc 文件名  
列如: tsc index.ts

你的文件夹就会出现一个index.js的文件。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值