1.初识typescript
在很多地方的示例代码中使用的都是ts而不是js,为了使用那些示例,学习ts还是有必要的
JS有的TS都有,JS与TS的关系很像css与less
ts在运行前需要先编译为js,浏览器不能直接运行ts
目录
1 编译TS的工具包
1.1 安装
- -g是全局安装,所以目录无所谓
可以通过 tsc -v 查看typescript的版本
1.2 基本使用
就是创建一个普通的文件,然后最后是尾缀是ts就行。由于js的东西在ts中全都能用,我们这里直接写js代码
之后我们在ts代码的路径中输入 tsc [ts文件名] 就可以得到转换好的css
2 可以直接在node上运行ts
原理上还是先把ts搞成js然后再运行js
2.1 安装
2.2 使用
3 变量类型
typescript以type命名,自然在类型会有所考究,我们在js中可以进行变量类型的转换
在typescript中,变量类型的转换是不被允许的
4 基本使用
我们可以通过类型注解对变量的类型进行约束,这个就很像C语音的变量声明方式,我们下面做个例子
下面就是将a约束为数字类型
约束的时候不能类型不符,比如下面这样
5 常用类型
ts中的类型包含js的类型与ts新增的类型
js已有的常用类型有
- number
- string
- boolean
- null
- undefined
- symbol
- object
ts新增的常用类型有
- 联合类型
- 自定义类型(类型别名)
- 接口
- 元组
- 字面量类型
- 枚举
- void
- any
6 原始类型的注解基本使用
数组,对象,函数这些都属于object,在ts中可以对object的子项进行细化
这篇好文章是转载于:学新通技术网
- 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
- 本站站名: 学新通技术网
- 本文地址: /boutique/detail/tanhgbeacg
系列文章
更多
同类精品
更多
-
photoshop保存的图片太大微信发不了怎么办
PHP中文网 06-15 -
Android 11 保存文件到外部存储,并分享文件
Luke 10-12 -
word里面弄一个表格后上面的标题会跑到下面怎么办
PHP中文网 06-20 -
《学习通》视频自动暂停处理方法
HelloWorld317 07-05 -
photoshop扩展功能面板显示灰色怎么办
PHP中文网 06-14 -
微信公众号没有声音提示怎么办
PHP中文网 03-31 -
excel下划线不显示怎么办
PHP中文网 06-23 -
excel打印预览压线压字怎么办
PHP中文网 06-22 -
怎样阻止微信小程序自动打开
PHP中文网 06-13 -
TikTok加速器哪个好免费的TK加速器推荐
TK小达人 10-01