2.typescript基础类型

喜欢ヅ旅行 2024-04-07 13:07 137阅读 0赞

数字类型

  1. let a: number = 0b1010; // 二进制
  2. let b: number = 0o744;    // 八进制
  3. let c: number = 6;    // 十进制
  4. let d: number = 0xf00d;    // 十六进制
  5. ---
  6. var a = 10; // 二进制
  7. var b = 484; // 八进制
  8. var c = 6; // 十进制
  9. var d = 0xf00d; // 十六进制

字符串类型

  1. let myname: string = "林扬生";
  2. let age: number = 24;
  3. let text: string = `${
  4.        myname }今年${
  5.        age}岁了！`;
  6. ---
  7. var myname = "林扬生";
  8. var age = 24;
  9. var text = "".concat(myname, "\u4ECA\u5E74").concat(age, "\u5C81\u4E86\uFF01");

布尔类型

  1. let flag:boolean=false;
  2. ---
  3. var flag = false;

数组类型

  1. let a: number[] = [1, 2, 3, 4, 5];
  2. let b: Array<number> = [1, 2, 3, 4, 5];
  3. let c: Array<any> = [1,"a", 3, [4],5];
  4. ---
  5. var a = [1, 2, 3, 4, 5];
  6. var b = [1, 2, 3, 4, 5];
  7. var c = [1, "a", 3, [4], 5];

元组类型

  1. let msg: [string, number];
  2. msg = ["林扬生", 24];   //正确
  3. msg = [1, 2];           //错误
  4. msg = [true, "林扬生"]; //错误

枚举类型

如果标识符没有赋值，它的值就是下标。

  1. enum color {
  3.     blue,
  4.     pink,
  5.     red
  6. };
  7. let a: color = color.blue;
  8. ---
  9. var color;
  10. (function (color) {
  12.     color[color["blue"] = 0] = "blue";
  13.     color[color["pink"] = 1] = "pink";
  14.     color[color["red"] = 2] = "red";
  15. })(color || (color = {
  16.     }));
  17. ;
  18. var a = color.blue;//0
  19. var b = color.red;//2

如果标识符已经赋值，它的值就是被赋的值。

  1. enum color {
  3.     blue=100,
  4.     pink=200,
  5.     red="red"
  6. };
  8. let a: color = color.blue;
  9. let b: color = color.red;
  10. ---
  11. var color;
  12. (function (color) {
  14.     color[color["blue"] = 100] = "blue";
  15.     color[color["pink"] = 200] = "pink";
  16.     color[color["red"] = 300] = "red";
  17. })(color || (color = {
  18.     }));
  19. ;
  20. var a = color.pink;//200
  21. var b = color.red;//red

如果标识符没有赋值，它的值就是下标，如果从中间突然指定了一个值，那么它之后的值都会从当前值开始重新计算。

  1. enum color {
  3.     blue,
  4.     pink=100,
  5.     red
  6. };
  7. let a: color = color.red;
  8. ---
  9. var color;
  10. (function (color) {
  12.     color[color["blue"] = 0] = "blue";
  13.     color[color["pink"] = 100] = "pink";
  14.     color[color["red"] = 101] = "red";
  15. })(color || (color = {
  16.     }));
  17. ;
  18. var a = color.red;//101

null类型

  1. let n: null = null;

undefined类型

  1. let u: undefined = undefined;

any类型

  1. enum color {
  3.     blue,
  4.     pink,
  5.     red
  6. };
  7. let flag: any = true;//布尔型
  8. let num: any = 123;//数字型
  9. let str: any = 'Hello,TypeScript';//字符型
  10. let arr: any = [1, 2, 3, 4, 5, 6, 7, 8, 9, 0];//数组型
  11. let tuple: any = [10086, 'Nick'];//元组型
  12. let e: any = color.pink;//枚举型
  13. let n: any = null;//null型
  14. let u: any = undefined;//undefined型
  15. ---
  16. var color;
  17. (function (color) {
  19.     color[color["blue"] = 0] = "blue";
  20.     color[color["pink"] = 1] = "pink";
  21.     color[color["red"] = 2] = "red";
  22. })(color || (color = {
  23.     }));
  24. ;
  25. var flag = true; //布尔型
  26. var num = 123; //数字型
  27. var str = 'Hello,TypeScript'; //字符型
  28. var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 0]; //数组型
  29. var tuple = [10086, 'Nick']; //元组型
  30. var e = color.pink; //枚举型
  31. var n = null; //null型
  32. var u = undefined; //undefined型

void类型

  1. function success(): void {
  3.     console.log('不需要返回值');
  4. }
  5. ---
  6. function success() {
  8.     console.log('不需要返回值');
  9. }

never类型

  1. function error(): never {
  3.     throw new Error('抛出错误了');
  4. }
  5. ---
  6. function error(){
  8.     throw new Error('抛出错误了');
  9. }

组合类型

  1. let num: number | null | undefined;
  2. num = 3;
  3. num = null;
  4. num = undefined;-
  5. ---
  6. var num;
  7. num = 3;
  8. num = null;
  9. num = undefined;

发表评论

表情：
评论列表 （有 0 条评论，137人围观）

还没有评论，来说两句吧...

相关阅读