我是靠谱客的博主 柔弱大门,这篇文章主要介绍TypeScript学习笔记TypeScript,现在分享给大家,希望可以做个参考。

TypeScript

1. TypeScript基础类型

1.1 数字类型: number

复制代码
1
2
let num:number = 4;

1.2 字符串类型: string

复制代码
1
2
let str: string = "hello world";

1.3 布尔类型: boolean

复制代码
1
2
let bol: boolean = false;

1.4 数组类型: []

复制代码
1
2
3
4
let arr: number[] = [1,2,3,4]; // 等同于 let arr: Array<number> = [1,2,3,4];

1.5 元组 [string, number, boolean,any]

复制代码
1
2
3
4
let x: [string, number, boolean]; x = ["张三", 5, true]; // 元组的每一个下标类型必须对应

1.6 枚举 enum

复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
enum 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
4
function 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
13
var 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内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(48)

评论列表共有 0 条评论

立即
投稿
返回
顶部