(精华)2020年8月1日 Typescript 数据类型

第一种：布尔类型（boolean）

var flag:boolean=true;

flag = false; //正确
flag = '你好typescript'; //错误


  

 

  
1
  
2
  
3
  
4
  
5
 

第二种：数字类型（number）

var num: number = 1314;
num = 4131;//正确
num = '你好typescript'; //错误 


  

 

  
1
  
2
  
3
  
4
 

第三种：字符串类型(string)

var str: string = '你好typescript';
str = '你好js';
str = 1314; //错误 


  

 

  
1
  
2
  
3
  
4
 

第四种：数组类型（array）

var arr=['h','g',10];  //es5定义数组

// 1.第一种定义数组的方式

var arr1:number[] = [123,213,321];
var arr2:string[] = ['123','213','321'];

//2.第二种定义数组的方式
var arr3:Array<number> = [123,213,321];
var arr4:Array<string> = ['123','213','321'];

//3.第三种定义数组的方式
var arr5:any[] = ['h','g',10,true]; 


  

 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
  
9
  
10
  
11
  
12
  
13
  
14
 

第五种：元组类型（tuple）

let arrw:[string,number] = ['123',12]


  

 

  
1
  
2
 

第六种：任意类型（any）

var num:any = 123;
num = 'str';
num = true;

//任意类型的用处

var Obox:any = document.getElementById('box');
Obox.style.color='red'; 


  

 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
  
9
 

第七种：枚举类型（enum）

enum Flag {success=1,error=2,'null'=-2}

let s1:Flag = Flag.success;
let s2:Flag = Flag.error;

enum Color{blue,red,ornage};
var a1:Color = Color.blue;
var a2:Color = Color.red;


enum Color2{blue,red=3,ornage};
var a3:Color2 = Color2.red; //3
var a4:Color2 = Color2.ornage;


  

 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
  
9
  
10
  
11
  
12
  
13
  
14
 

第八种：undefined

var num2:number;
console.log(num2)  //输出：undefined
num = 123;
console.log(num)  //输出：123  //正确


  

 

  
1
  
2
  
3
  
4
  
5
 

第九种：null

var num2:number;
console.log(num2)  //输出：undefined
num = 123;
console.log(num)  //输出：123  //正确


  

 

  
1
  
2
  
3
  
4
  
5
 

第十种：void类型

function run():void{
    
}
run(); 

function run2():string{
    return '123'
}
run2();


  

 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
  
9
  
10
 

第十一种：never类型

var a: never;
a = (() => {
    throw new Error('错误');
})()


  

 

  
1
  
2
  
3
  
4
  
5
 

文章来源: codeboy.blog.csdn.net，作者：愚公搬代码，版权归原作者所有，如需转载，请联系作者。

原文链接：codeboy.blog.csdn.net/article/details/107723952