Typescript-基础类型

x33g5p2x  于2022-03-06 转载在 其他  
字(1.5k)|赞(0)|评价(0)|浏览(505)

一、布尔类型(boolean)

  1. var flag:boolean=true;
  2. flag = false; //正确
  3. flag = '你好typescript'; //错误

二、数字类型(number)

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

三、字符串类型(string)

  1. var str: string = '你好typescript';
  2. str = '你好js';
  3. str = 1314; //错误

四、数组类型(array)

  1. var arr=['h','g',10]; //es5定义数组
  2. // 1.第一种定义数组的方式
  3. var arr1:number[] = [123,213,321];
  4. var arr2:string[] = ['123','213','321'];
  5. //2.第二种定义数组的方式
  6. var arr3:Array<number> = [123,213,321];
  7. var arr4:Array<string> = ['123','213','321'];
  8. //3.第三种定义数组的方式
  9. var arr5:any[] = ['h','g',10,true];

五、元组类型(tuple)

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

六、任意类型(any)

任意值是 TypeScript 针对编程时类型不明确的变量使用的一种数据类型

  1. var num:any = 123;
  2. num = 'str';
  3. num = true;
  4. //任意类型的用处
  5. var Obox:any = document.getElementById('box');
  6. Obox.style.color='red';

七、枚举类型(enum)

  1. enum Flag {success=1,error=2,'null'=-2}
  2. let s1:Flag = Flag.success;
  3. let s2:Flag = Flag.error;
  4. enum Color{blue,red,ornage};
  5. var a1:Color = Color.blue;
  6. var a2:Color = Color.red;
  7. enum Color2{blue,red=3,ornage};
  8. var a3:Color2 = Color2.red; //3
  9. var a4:Color2 = Color2.ornage;

八、undefined

在 JavaScript 中 null 表示 “什么都没有”。

null是一个只有一个值的特殊类型。表示一个空对象引用。

用 typeof 检测 null 返回是 object。

  1. var num2:number;
  2. console.log(num2) //输出:undefined
  3. num = 123;
  4. console.log(num) //输出:123 //正确

九、null

在 JavaScript 中 null 表示 “什么都没有”。

null是一个只有一个值的特殊类型。表示一个空对象引用。

用 typeof 检测 null 返回是 object。

  1. var num2:number;
  2. console.log(num2) //输出:undefined
  3. num = 123;
  4. console.log(num) //输出:123 //正确

十、void类型

  1. function run():void{
  2. }
  3. run();
  4. function run2():string{
  5. return '123'
  6. }
  7. run2();

十一、never类型

never 是其它类型(包括 null 和 undefined)的子类型,代表从不会出现的值。这意味着声明为 never 类型的变量只能被 never 类型所赋值,在函数中它通常表现为抛出异常或无法执行到终止点(例如无限循环),示例代码如下:

  1. var a: never;
  2. a = (() => {
  3. throw new Error('错误');
  4. })()

相关文章