Typescript再学习-接口interface声明函数（6）

xvzhengyang

已于 2024-03-29 00:46:14 修改

阅读量117

点赞数

分类专栏： TypeScript 文章标签： typescript 学习 interface 接口函数声明

于 2024-03-29 00:33:32 首次发布

本文链接：https://blog.csdn.net/xvzhengyang/article/details/137128535

版权

TypeScript 专栏收录该内容

10 篇文章 0 订阅 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

这篇博客探讨了TypeScript中的接口interface如何用于声明函数，包括规定参数类型和返回值类型。示例中展示了使用箭头函数和普通函数的方式，并强调了明确指定返回类型以提高代码可读性的建议。

摘要由CSDN通过智能技术生成

话不多说，直接上代码

interface student {
  // 普通函数
  name(studentName: string): string;
  //箭头函数
  age: (studnetAge: number) => number;
}

let LiMing: student = {
  // 普通函数
  name: function (studentName: string) {
    return studentName;
  },
  // 箭头函数
  age: (studentAge:number) => {
    return studentAge;
  },
};
console.log(LiMing.name("李明"));
console.log(LiMing.age(20));

如上图，接口student,声明了name和age两个函数，并且规定了参数类型以及返回值类型；

可以使用箭头函数和普通函数；

当然一般ts也可以推断出返回类型，但是建议还是自己增加，代码更加容易理解；后面的文章我们将会讲述如何在项目中使用ts；