初识 typescript
一、什么是 typescript
Typescript,简称 ts, 是 JavaScript的一个超集,它扩展了JavaScript,有着JavaScript没有的东西,是由微软开发的一种编程语言。
typescript 是对 javascript 的扩展,编写好的 ts 代码最终也会被编译成 js 代码。
二、为什么要用 typescript
JavaScript 是弱类型语言,很多错误只有在运行的时候才能发现,而 typescript 提供了一套静态检测机制,可以帮助我们在编译的时候就能发现错误。
💥 typescript 是大势所趋!!!
三、typescript 的特点
- 支持代码静态检查
- 支持一些后台语言(如C、C++、Java等)语言中的一些特性(枚举、泛型、类型转换、命名空间、接口等)
四、typescript 和 javascript的区别
| TypeScript | JavaScript |
|---|---|
| JavaScript 的超集用于解决大型项目的代码复杂性 | 一种脚本语言,用于创建动态网页 |
| 可以在编译期间发现并纠正错误 | 作为一种解释型语言,只能在运行时发现错误 |
| 强类型,支持静态和动态类型 | 弱类型,没有静态类型选项 |
| 最终被编译成 JavaScript 代码,使浏览器可以理解 | 可以直接在浏览器中使用 |
| 支持模块、泛型和接口 | 不支持模块,泛型或接口 |
| 支持 ES3,ES4,ES5 和 ES6 等 | 不支持编译其他 ES3,ES4,ES5 或 ES6 功能 |
| 社区的支持仍在增长,而且还不是很大 | 大量的社区支持以及大量文档和解决问题的支持 |
搭建 typescript 学习环境
一、全局安装 typescript
$ npm install -g typescript
二、初始化一个 ts 项目
tsc --init
三、自动编译 ts 文件
- 可以在tsconfig.json中配置
"outDir": "./js" // 可以自动编译ts文件
- Terminal -> run task -> tsc:watch -> tsconfig.json ————————————————🌴 我是一个分割线 🌴——————————————————
好了,至此我们可以顺利的 run 起一个 ts 项目了!
接下来我们会一块认识我们的好伙伴:类型、函数 !下期见 👋
花明月暗笼轻雾,今宵好向郎边去。刬袜步香阶,手提金缕鞋。
画堂南畔见,一晌偎人颤。奴为出来难,教君恣意怜。