TypeScript
1. TypeScript基础类型
1.1 数字类型: number
复制代码
1
2let num:number = 4;
1.2 字符串类型: string
复制代码
1
2let str: string = "hello world";
1.3 布尔类型: boolean
复制代码
1
2let bol: boolean = false;
1.4 数组类型: []
复制代码
1
2
3
4let arr: number[] = [1,2,3,4]; // 等同于 let arr: Array<number> = [1,2,3,4];
1.5 元组 [string, number, boolean,any]
复制代码
1
2
3
4let x: [string, number, boolean]; x = ["张三", 5, true]; // 元组的每一个下标类型必须对应
1.6 枚举 enum
复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13enum Color {Red, Green, Blue}; let c: Color = Color.Blue; // c = 2 // 枚举的值如果没有定义,其值从为下标值,如果上一个值定义了,则其值为上一个值+1 enum Color { Red, Blue = 5, Green } let b: Clolr = Color.Green; // b = 6
1.7 void
复制代码
1
2
3
4function hello(): void{ alert("无返回值"); }
1.8 null
表示对象值缺失
注: typescript检测,null返回的是一个空的object. 在javascript中表示什么都没有
1.9 undefined
初始化变量为一个未定义的值
1.10 never
代表不会出现的值,是其他类型(包括null和undefined)的子类型
1.11 any
声明一个变量,可以表示任意类型的值
2. 变量声明
2.1 声明变量
复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17// 声明变量赋值初始值,并设置类型 // var [变量名] : [类型] = 值; var username : string = '张三'; // 声明变量设置类型,不设置初始值 // var [变量名] : [类型]; var usename : number; // 声明变量并赋值初始值,但不设置类型,代表任意类型 // var [变量名] = 值; var username = "张三"; // 声明变量没有设置类型,不设置初始值,代表任意类型 // var [变量名]; var usename;
2.2 类型断言
复制代码
1
2
3
4
5
6
7
8
9
10// 类型断言可以用来手指定一个值的类型,即允许变量从一种类型更改为另一种类型 // 格式: <类型> 值 或: 值 as <类型> var str = '1'; var str2: number = <number> <any> str; // str、 str2 是string类型 var str2: number = str as <number>; // 编译后结果: var str = '1'; var str2 = str; // str、str2是string类型
2.3 类型推断
复制代码
1
2
3
4// 当类型没有给出时,编译器利用类型推断来推断类型 var num = 2; // 推断为number,num类型设置为number num = '122'; // 编译错误
2.4 作用域
- 全局作用域:定义程序结构外部,可以在代码任何位置使用
- 类作用域:可以称为字段。声明在类里面,可以通过类的对象来访问。类变量可以是静态的,静态的可以通过类名直接访问。
- 局部作用域:局部变量,只能在声明它的一个代码块中使用。
复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13var global_num = 12; // 全局变量 class Nubmers { num_val = 13; // 实例变量 static sval = 10; // 静态变量 storeNumber(): void { var local_num = 14; // 局部变量 } } console.log(global_num); console.log(Numbers.sval); var obj = new Numbers(); console.log("实例变量:" , boj.num_val);
最后
以上就是柔弱大门最近收集整理的关于TypeScript学习笔记TypeScript的全部内容,更多相关TypeScript学习笔记TypeScript内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复