TypeScript学习笔记

TypeScript

1. TypeScript基础类型

1.1 数字类型： number

let num:number = 4;

1.2 字符串类型： string

let str: string = "hello world";

1.3 布尔类型： boolean

let bol: boolean = false;

1.4 数组类型： []

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

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

let x: [string, number, boolean];
x = ["张三", 5, true];
// 元组的每一个下标类型必须对应

1.6 枚举 enum

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

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 声明变量

// 声明变量赋值初始值，并设置类型
// var [变量名] : [类型] = 值;
var username : string = '张三';

// 声明变量设置类型，不设置初始值
// var [变量名] : [类型];
var usename : number;

// 声明变量并赋值初始值，但不设置类型，代表任意类型
// var [变量名] = 值;
var username = "张三";

// 声明变量没有设置类型，不设置初始值，代表任意类型
// var [变量名];
var usename;

2.2 类型断言

// 类型断言可以用来手指定一个值的类型，即允许变量从一种类型更改为另一种类型
// 格式： <类型> 值 或： 值 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 类型推断

// 当类型没有给出时，编译器利用类型推断来推断类型
var num = 2; // 推断为number，num类型设置为number
num  = '122'; // 编译错误

2.4 作用域

• 全局作用域：定义程序结构外部，可以在代码任何位置使用
• 类作用域：可以称为字段。声明在类里面，可以通过类的对象来访问。类变量可以是静态的，静态的可以通过类名直接访问。
• 局部作用域：局部变量，只能在声明它的一个代码块中使用。

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);