21.typescript必背技能(二):联合类型、类型推断、对象类型;

一、类型推断

1.什么是类型推断?

  • 如果没有明确的指定类型,那么typescript会推断出一个类型

  • 如果定义的时候没有赋值,不管之后有没有赋值,都会被推断成 any 类型。完全不被类型检查

// 1.初始化未赋值,被推断为any类型
let personName;
// 可以赋值为字符串类型
personName = "张三";
// 可以赋值为数值类型
personName = 30;

// 2.初始化赋值未赋类型,被推断为初始类型
let personAge = 30;
// 被推断为number类型,再赋值为字符串类型会报错
personAge = "30岁";

二、联合类型

1.什么是联合类型?

  • 联合类型是指:可以取定义的多种类型的一个;

  • 访问联合类型的属性或方法,不确定指定类型是联合类型的哪一个,只能访问其公共的属性;

// 1.定义联合类型
let student: number|string;

student = "张三";
console.log(student.length); // 2

student = 8;
console.log(student.length); // 报错

// 2.获取联合类型的公有属性
function getString(something: string | number): string {
    return something.toString();
}

三、对象类型

1.什么是对象类型接口?

  • 面向对象中,接口需要类去实现它。Typescript中,用接口来约束数据类型的形状;

  • 一般情况下,赋值的时候,变量的形状必须和接口的形状保持一致;

// 定义接口
interface Student {
    name: string;
    age: number;
}

// 一般情况下:约定指定的数据类型 必须和 接口数据类型一致
let tom: Student = {
    name: 'Tom',
    age: 25
};

2.可选属性

  • 可选属性的含义是该属性可以不存在;

  • 不可以添加新的属性;

interface Fruit {
    name: string;
    price?: number;
}

let apple: Fruit = {
    name: '苹果'
};

// 以下不允许添加新的属性
let apple: Fruit = {
    name: '苹果',
    color: 'red'
};

3.任意属性

  • 一旦定义了任意属性,那么确定属性和可选属性的类型都必须是它的类型的子集;

// 定义任意属性
interface Fruit {
    // 确定属性
    name: string;
    
    // 可选属性
    price?: number;

    // 确定属性 和 自定义属性 一定是任意属性的子集
    [propName: string]: string | number;
}

let apple: Fruit = {
    name: '苹果',
    price: 25,
    color: 'red'
};

4.只读属性:readonly

  • 对象中的一些字段只能在创建的时候被赋值,即定义为只读属性;

interface Fruit{
    readonly id: number;
    name: string;
}

let apple: Person = {
    id: '001',
    name: '苹果'
};

// 报错,只读属性不能重新赋值
apple.id = "002";
  • 8
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端小砖er

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值