TypeScript1 基础类型

最新推荐文章于 2025-07-16 08:54:07 发布

小土豆子额

最新推荐文章于 2025-07-16 08:54:07 发布

阅读量554

点赞数

CC 4.0 BY-SA版权

文章标签： typescript

本文链接：https://blog.youkuaiyun.com/chenyidong521/article/details/53011536

本文介绍了TypeScript的基础类型，包括布尔值、字符串、数字、数组、元组、枚举以及任何类型（any）和联合类型（|）。强调了 TypeScript 中数组需要指定元素类型，元组允许不同类型的元素但顺序必须对应，枚举提供了一种定义常量集合的方式，而any类型则用于不固定类型的变量。最后提到了联合类型在函数参数中的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/*—————————————–布尔值————————————————–/

var buer:boolean=true;

/*——————————————字符串————————————————–/

var str:string="来一个盘字符串";

/*—————数字(和Javascript一样，在TypeScript中所有的number都是浮点值,)——————–/

var num:number=32;

//——————————————-数组————————————————-
/*Array数组,ts中的数组和js中的不同，要定义元素的类型，使用第二种方式生命数组的话必须要定义泛型（就是<>中写的类型）/
//第一种

var arr1:number[]=[1,2,4,5];

//第二种

var arr2:Array<String>=["你好","好不好"];

———————————-元组—————————-
ts中的元组（Tuple），和js中的数组比较像，能在里面定义不同类型的数据，但是要和声明时候定义的类型的顺序对应*/

var yz:[string,number];

//正确的

yz=['hello',32];

//错误的

`yz=[32,'hello'];`

//——————————————枚举—————————————————–
//TypeScript拓展了JavaScript原生的标准数据类型集，增加了枚举类型（enum）

enum color{red,green,blue};

//枚举中的元素默认从0开始,控制台打印

console.log(color[3]);

//如下我们可以直接给元素编号来定义取出的编号

enum color2{red=3,green=4,blue=5};
console.log(color2[4])

//定义一个any类型的变量，这个就是不固定类型的变量,和Object像，但是这个any能在识别类型后直接调用相应类型的方法，而Object是不能的

var notSure:any=4;
console.log(notSure);
notSure="dsadasda";
console.log(notSure);

//那么我们就可以定义一个any的数组

var arrAny:any[]=[1,'dsa',true];

我想规定多种类型的话可以使用|符号连接类型，联合类型
function padLeft(value: string, padding: string | number) {
// …
}
如果一个值是联合类型，我们只能访问此联合类型的所有类型里共有的成员。

interface Bird {
    fly();
    layEggs();
}
interface Fish {
    swim();
    layEggs();
}
function getSmallPet(): Fish | Bird {
    // ...
}
let pet = getSmallPet();
pet.layEggs(); // okay
pet.swim();    // errors