文章目录
👉 一、TypeScript 简介 及 学习原因
TypeScript
是 JavaScript
的一个超集,支持 ECMAScript 6
标准(ES6
教程)。
TypeScript
由微软开发的自由和开源的编程语言。
TypeScript
设计目标是开发大型
应用,它可以编译成纯 JavaScript
,编译出来的 JavaScript
可以运行在任何浏览器上。
👉 二、TypeScript 语言特性
TypeScript
是一种给 JavaScript
添加特性的语言扩展。
新增加的功能包括:
- 类型批注和编译时类型检查
- 类型推断
- 类型擦除
- 接口
- 枚举
- Mixin
- 泛型编程
- 名字空间
- 元组
- Await
以下功能是从 ECMA 2015 反向移植而来:
- 类
- 模块
- lambda 函数的箭头语法
- 可选参数以及默认参数
👉 三、TypeScript 安装
// 用 NPM 安装 typescript,也可以先用 npm 使用国内镜像 cnpm
npm install -g typescript
// 安装国内镜像
npm config set registry https://registry.npmmirror.com
// 也可以使用 yarn 安装
cnpm install -g yarn // 安装 yarn
yarn -v // 查看是否成功安装 yarn
yarn global add typescript // 安装 Ts
tsc -v // 查看Ts版本号,若有则为成功安装
Ts 第一个案例: Hello Ts
① 新建一个 hello.ts 的文件,代码如下:
let messageArr:string[] = ['Hello', 'Ts'];
console.log(message.join('-'))
② 然后执行以下命令将 TypeScript 转换为 JavaScript 代码:
tsc app.ts
③ 使用 node 命令执行 app.js 文件
$ node app.js
Hello World
📃 Ts 在 VS Code 实现自动编译(监测 TS文件修改后,自动编译成 JS文件 )
往期内容 💨
🔥 < 了解 HTTP 这一篇就够了 :什么是 HTTP ?HTTP 和 HTTPS 有什么区别 ? >
🔥 < 每日小技巧:Vue常用修饰符 >
🔥 <Javascript技巧: Javascript 是个难泡的妞,学点技巧征服 “ 她 ” >
🔥 < 谈谈对 SPA(单页面应用)的理解 >