typescript基础类型与类型注释 初认知

本文介绍了TypeScript的基础类型,包括常见的数据类型,并详细阐述了类型注释的使用,帮助理解静态类型的强类型特性。

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

基础类型:

//boolean  布尔
	let isDone: boolean = false;
//string  字符串
	let name: string = "bob";
//number 数字
	let decLiteral: number = 6;
//数组有两种方式可以定义数组。 
	//第一种,可以在元素类型后面接上 [],表示由此类型元素组成的一个数组:
	let list:number[] =[1,2,3];
	let list:Array<number> = [1,2,3];
//元组 元组类型允许表示一个已知元素数量和类型的数组,各元素的类型不必相同。
	let x: [string, number];
	x = ['hello', 10]; // OK
	x = [10, 'hello']; // Error
//enum(枚举)类型是对JavaScript标准数据类型的一个补充。
	//像C#等其它语言一样,使用枚举类型可以为一组数值赋予友好的名字。
	enum Color {Red, Green, Blue}
	let c: Color = Color.Green;
	//默认情况下,从0开始为元素编号。 你也可以手动的指定成员的数值。
	enum Color {Red = 1, Green, Blue}
	let c: Color = Color.Green;
//any
//void 限定函数无返回值,一般不对对象使用
	function():void {
	console.log('我没有返回值')
	}
//null undefined 
	//当你指定了--strictNullChecks标记,null和undefined只能赋值给void和它们各自。
//never never类型表示的是那些永不存在的值的类型。
	// 返回never的函数必须存在无法达到的终点
	function error(message: string): never {
	    throw new Error(message);
	}
	// 推断的返回值类型为never
	function fail() {
	    return error("Something failed");
	}
	// 返回never的函数必须存在无法达到的终点
	function infiniteLoop(): never {
	    while (true) {
	    }
	}

//类型断言 
	//它没有运行时的影响,只是在编译阶段起作用。
	// TypeScript会假设你,程序员,已经进行了必须的检查。类型断言有两种形式。
	//其一是“尖括号”语法:
	let someValue: any = "this is a string";
	let strLength: number = (<string>someValue).length;
	//另一个为as语法:
	let someValue: any = "this is a string";
	let strLength: number = (someValue as string).length;
//Object

类型注释

//函数参数
	function getTotal(one : number, two : number) : number {
	    return one + two;
	}  
	const total = getTotal(1, 2);
	//函数参数为对象
	function add({ one, two }: { one: number, two: number }): number {
	  return one + two;
	}
	const three = add({ one: 1, two: 2 });
//对象数组
	const student: { name: string, age: number }[] = [
	  { name: "小白", age: 21 },
	  { name: "小黑", age: 18 },
	];
	//或者
	const student:Array<{ name: string, age: number }> = [
    { name: "小白", age: 21 },
    { name: "小黑", age: 18 },
  	];


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值