1、TypeScript简介
TypeScript 由微软开发的自由和开源的编程语言
在中文网的翻译的是“ TypeScript
是JavaScript的类型化超集,可以编译成普通的JavaScript,可以在任何浏览器、计算机和任何操作系统上进行运行,并且是开源的 ”。
2、现状和发展趋势
现在用的人还不是很多,但很多公司现在招聘会问到,工作可能也会使用得到,毕竟尤雨溪都在用TS写Vue3
了,谷歌也是在极力的推荐使用TS,谷歌的Angular2.x+
就是基于TypeScript,最新的React
也可以集成TypeScript。
在github上的排行也很高,未来的发展趋势应该可以
2、TypeScript的强大之处
- TypeScript因为是超集,可解决大型项目的代码复杂性
- 可在编译时发现错误并纠正错误
- 强类型语言,支持静态和动态类型
- 可支持模块,ES3-5等
- 包容性强,增强了代码的可读性和可维护性
3、安装
需要先安装Node.js,用Node.js环境安装
- 使用
npm
命令全局安装
npm install -g typescript
//mac的话,需加上sudo
sudo npm install -g typescript
以上命令是在全局环境下安装 tsc
命令的,安装完之后,就可以在任何地方执行 tsc
命令了
- 安装好之后可以用
tsc
命令查看版本号,有版本号就是安装成功
$ tsc -v
- 建一个后缀名为index.ts文件
let message:string = 'Hello World';
console.log(message);
- 再将TS转为JS
tsc index.ts
- 与
index.ts
同一目录下回生成一个index.js
的文件
var message = 'Hello World';
console.log(message);
- 再使用node命令执行
index.js
文件
$ node index.js
Hello World
5、语法
- TypeScript 区分大小写
- 语句写在同一行必须要使用分号来分隔,否则就报错
变量声明
TypeScript 命名规则:
变量名称可包含数字和字母
除了下划线 _ 和美元 $ 符号外,不能包含其他特殊字符,包括空格
变量名不能以数字开头
var ,let声明均可
let [变量名] : [类型] = 值
let message:string = 'Hello World';
声明变量的类型,但没有初始值,变量值会设置为 undefined
声明变量并初始值,但不设置类型,该变量可以是任意类型
var [变量名] = 值;
数据类型
- Number类型
let num: num = 9;
- Boolean类型
let isBol: boolean = false;
- String类型
let str: boolean = 'yaya';
- Arrray类型
let list: number[] = [6,9,2];
- Null 和 Undefined 类型
let un: undefined = undefined;
let nu: null = null;
- 枚举(Enum)类型
enum Color {Green, Plum, Red}
let c: Color = Color.Plum;
console.log(c); //输出1
- Any 类型
声明为 any 的变量可以赋予任意类型的值,也可称为全顶级类型
let y: any = 666;
y = "yaya";
y = false;
-
Void类型
用于标识方法返回值的类型,表示该方法没有返回值。
-
Never类型
never 是其它类型(包括 null 和 undefined)的子类型,代表从不会出现的值