TS入门笔记2——TS接口进阶详解

本文详细介绍了 TypeScript 中接口的概念、用法,包括为什么需要接口、接口的基本定义、处理属性数量不确定的方法(可选属性和索引签名)、接口继承以及函数接口。适合TS初学者阅读,有助于理解接口在类型系统中的重要角色。
摘要由CSDN通过智能技术生成

最近玩csdn比较少,欢迎关注我的掘金:杨灿就是杨火山

一、为什么需要接口?

let obj:object; // 定义了一个只能保存对象的变量
// obj = 1;
// obj = "123";
// obj = true;
obj = {
   name:'lnj', age:33};
console.log(obj);

之前我们已经介绍了用这种方式定义一个ts的对象,但是这样定义内部的属性并没有被限制,意义是不大的。

为了进一步定义对象内的各种属性,就产生了接口。

二、什么是接口类型?

和number,string,boolean,enum这些数据类型一样,接口也是一种类型, 也是用来约束使用者的,他的作用是进一步定义对象内的各种属性。

三、基本用法

// 需求: 要求定义一个函数输出一个人完整的姓名, 这个人的姓必须是字符串, 这个人的名也必须是一个字符

interface FullName{
   
    firstName:string
    lastName:string
}

let obj = {
   
    firstName:'Jonathan',
    lastName:'Lee'
    // lastName:18 会报错
};

//{firstName, lastName}使用了解构赋值
function say({
   firstName, lastName}:FullName):void {
   
    console.log(`我的姓名是:${
     firstName}_
  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值