【TypeScript】TS入门(一)
🐱个人主页:不叫猫先生
🙋♂️作者简介:前端领域新星创作者、华为云享专家、阿里云专家博主,专注于前端各领域技术,共同学习共同进步,一起加油呀!
💫系列专栏:vue3从入门到精通
📝个人签名:不破不立
动态语言和静态语言
TS和JS的语言属于不同类型的语言,TS属于强类型语言,JS属于弱类型语言,强类型语言支持静态语言和动态语言,静态型语言支持动态语言,静态语言和动态语言有什么区别呢?
- 静态语言:编译时确定变量的数据类型,运行期间不可以改变其结构,比如C++、Java、C#
- 动态语言:运行时才确定数据结构和类型,变量使用之前不需要类型声明,比如:JavaScript、PHP、Ruby、Python
TS与JS区别
学习TS之前我们需要了解TS和JS有什么区别?这里我做了一个表格方便区分,具体如下所示:
TypeScript | JavaScript |
---|---|
强类型语言,支持动态语言和静态语言 | 弱类型语言,支持动态语言 |
用于解决大型项目的代码复杂性 | 脚本语言,创建动态网页 |
可以在编译期间发现并纠正错误 | 只能在运行时发现错误 |
先被浏览器编译成js语言 | 在浏览器可以直接使用 |
支持模块、泛型、接口 | 不支持模块、泛型、接口 |
TS安装
- 安装
yarn add typeScript -g
或者
npm install typeScript -g
- 查看版本
tsc -Vv
- 编译ts文件,编译后生成以ts结尾的文件
tsc xxx.ts