TS基础篇

注：TS语法中，不加修饰符，就会报错

本文只是介绍一下TS的基本语法，后续会更新TS深层次的内容

1、布尔类型

修饰符  :boolean    :Boolean

var time:boolean = true;//限定修饰符小写写
time = new boolean(true);//这种格式在TS中语法中报错
var time3:Boolean = false;//限定修饰符大写
time3 = new Boolean(true);//大写的不报错

2、数值类型

修饰符  :number    :Number

var time:number = 1;
var times:Number = 2;
times = new Number(3);

3、字符串类型

修饰符  :string    :String

var time:string = "abc";
var times:String = "abcdd";

4、未定义型

修饰符  :undefined

var b:undefined = undefined;  

5、或者的使用既可以是number也可以是undefined

var time:number|undefined;
time = 12;
time = undefined;

6、函数

function time(a: number, b? number, c: number = 1):number {
  return 12;
}
//以下两种都不会报错
 
// 不使用默认值
// time(1, 2, 3)
// 使用默认值
time(1,2);

b?number等同于number|undefined

c:number = 1; 默认值

function time():number  :number是返回值的类型

function time():void :void就是没有返回值

7、数组类型

7.1、一维数组

var time:Array<number> = [1, 2, 3, 4]; // 只能是数值类型

var time:Array<number|string> = [1 , 2, 3, "a"]; // 既可以是数值类型，又可以是字符串类型

7.2、二维数组

var time:Array<Array<number|string>> = [
   [1, 2, "a" ],
   [1, 2, "a" ]
]

8、元组类型

// 类型必须和值的顺序相同
var time:[number, string, boolean] = [1, "a", true];

9、枚举类型

类似于对象，其值像常量一样，一旦定义就无法改变，等同于使用对象中的冻结方法

enum COLOR{RED, GREEN, PINK};
console.log(COLOR.RED,COLOR.PINK); // 0,2

enum COLOR{RED="red", GREEN="green", PINK="pink"};
console.log(COLOR.RED, COLOR.PINK); // red, pink

10、null类型

var time:null = null;

11、any 任意类型

不知道给什么类型时，设置为any类型

但是实际工作中不允许使用any类型 禁止使用！！！

因为TS本来就是限制类型的，你用了any都是任意类型了，那么TS也就没什么用了。

var vb:any = 1;
vb = "a";