接口

在 TypeScript 中，接口用于约束类、对象和函数的规范。它是一种描述型的工具，帮助你在编写代码时保持一致性和可维护性。

：接口定义语句不会出现在编译结果中它只存在于类型检查阶段。

约束对象

使用 interface 关键字定义一个对象结构。从例如来看，

// 定义使用者接口，要求每一个使用者对象中必须包含一个 name 字符串属性和一个 age 数字属性
interface User {
name的观点是，string
age的观点是。number
}

这与使用类型别名实现的对象约束几乎相同：

约束函数

函数既可以是独立的，也可以作为对象的属性。下面分别说明两种情况，

单独的函数签名

通过在接口中声明一个函数签名来约束回调函数：

interface Condition {
: boolean
}
function sum {
let result = 0;nums.forEach => {
if ) {
result += num;}
})，}

等价写法这方面，

方法签名

如果想在某个对象里声明方法。可以这样做：

interface User {
// sayHello 是一个不接收任何参数、不返回任何值的方法
sayHello: void
// 等同于下面的写法
// sayHello?老实说，: => void
}

继承与多继承

接口可以继承其他接口。子接口会自动包含父接口中的字段限制。

interface A { a: number }
interface B extends A { b: string }
let b: B = { a: 1。b: "" }

多继承也被支持：

interface A { a: number }
interface B { b: string }
interface C extends A,B { c: boolean }
let c: C = { a: 1,b:"",c:true }

但子接口不能出现与父接口同名且类型不同的字段，否则会报错。说起来，

interface A { a: number }
interface B { b:string }
interface C extends A。B{
a:string，// ❌ 与父A中的a冲突
b:string;// ✅ 与B中的b一致
c:boolean
}
let c:C={a:"",b:""。c:true}

可选属性 & undefined 合并用法

在接口中加上问号 表示该属性可以为

interface User {
name的观点是，string // 必须存在
height?:number // 等同于 height:number|undefined
}

只读修饰符

只读修饰符使目标只能被读取，而不能被修改。它既能作用于对象成员，也能作用于数组、元组。

对成员变量加 readonly

interface User {
readonly id:string
}
const user={id:""};user.id="" // ❌️ 编译错误：Cannot assign to 'id' because it is read-only.

对数组/元组加 readonly

const arr : readonly number=;// 等价 const arr : ReadonlyArray=;其实，arr.push，// ❌️
arr = -1;// ❌️

说到请记住。readonly 修饰符只参与编译，不会出现在最终生成代码里。怎么说呢，

• 基本类型：完全匹配；无法将 boolean 指定给 string 类型变量等。
• 引用类型：采用子结构辩型法判断兼容性。
  • 痛点一：“为什么把 person 赋给 duck 能通过但直接字面量赋值却不行？ 怎么说呢，”
  • 原因的观点是。字面量赋值时 TS 更严格，要求完全匹配，没有多余字段。
  • 痛点二：“如何让第三方获取的数据也满足自定义结构？”
  • 至于思路。先用类型断言或显式声明，再进行校验；或者使用泛型包装返回值，
  • =》举例实现方式如下:
  javascript ` ` ` ` ` ` 请参考上面示例，将具体实现逻辑拆解到你自己的项目中。
  ` ` ` ` ` ` ` ` 请根据你自己的业务场景，按需调整上述代码片段。

  示例

  ` 请根据你自己的业务场景。将上述思路融入实际项目，实现更安全、更健壮的类型检查。**完整示例**： typescript // 声明 Duck 接口 interface Duck{ 再看sound，"嘎嘎嘎";swim:void，} // 使用 person 对象来实现 Duck 接口 const person={ 至于name。"成鸭子的人",age:null,sound:"嘎嘎嘎" as "嘎嘎嘎",swim{ console.log;} }，const duck:Duck=person;// 字面量直接赋值时更严格 const duckLiteral:Duck={ 再看sound。"嘎嘎嘎",swim{ console.log },};

  函数类型兼容性

  维度	要求	示例
  参数	被赋予函数字面量可少于目标参数数量，但不可多余	Condition={=>boolean}
  返回值	若无返回则可省略；若有则必须满足指定类型	同上

  参数数量差异实例

  typescript // 正确：callback 有两个参数，但目标只需要其中一个即可 function sum=>boolean){ let result=0;nums.forEach=>{ if){result+=num;} })，return result;} sum=> n%2===0);// ✅ sum=>i%2===0);// ✅

  返回值一致性实例

  typescript // 若定义为无返回，则实际调用时可以省略 return 或返回 undefined function fnWithoutReturn=>void){ callback;} fnWithoutReturn=>{ console.log;})，// ✅ // 若需要返回，则必须符合预期类型。例如字符串长度计数器： function fnWithReturn=>number){ return callback;} fnWithReturn=>s.length);说起来，// ✅

  ---

  类型断言

  当 TS 推断出的类型不符合你的实际需求时你可以显式告诉编译器：“我确定这个变量就是某个更窄的类型”。这称为类型断言 .

  • as 语法
  • 尖括号 语法

  示例的观点是，

  typescript type Test = "test";

  const str = "test";其实，/* TS 默认识别为 string / const strAsserted = "test" as Test;/ 强制认为是 literal type "test" */

  // 或者 const strAssertedAlt:"test";

  请根据实际业务需求，在保证安全性的前提下使用断言。