6、Typescript 接口

作者: 圆梦人生 | 来源:发表于2019-03-05 20:08 被阅读5次

TypeScript的核心原则之一是对值所具有的结构进行类型检查。 它有时被称做“鸭式辨型法”或“结构性子类型化”。 在TypeScript里,接口的作用就是为这些类型命名和为你的代码或第三方代码定义契约。

案例:

// 1、属性接口
interface PersonInfo {
    name:string,
    readonly age:number  // 设置只读,只能在第一次赋值,后面赋值报错
}
function fun1(p: PersonInfo):any{
    console.log(p.name + ' == '+p.age);
}
let f: PersonInfo = {
    name: 'interface - test',
    age: 22
}
f.name = 'inf test'
// f.age = 10; // Cannot assign to 'age' because it is a read-only
fun1(f)

// 接口字段非必填
interface PersonInfo2 {
    name:string,
    age?:number // ?表示不是必须的
}
function fun2(p: PersonInfo2):any{
    console.log(p.name + ' == '+p.age);
}
fun2({
    name: 'interface - test2'
})

相关文章

  • 6、Typescript 接口

    TypeScript的核心原则之一是对值所具有的结构进行类型检查。 它有时被称做“鸭式辨型法”或“结构性子类型化”...

  • TypeScript 中的接口(interface)

    TypeScript 中的接口可分为: 之前的文章 TypeScript 基础类型和接口(interface)里面...

  • 学习TypeScript 接口

    TypeScript 接口定义 interface interface_name {} 实例 联合类型和接口 接口...

  • TypeScript学习笔记之四接口(Inferfaces)

    一、使用环境 Mac 电脑 WebStorm TypeScript3.x版本 二、接口 在 TypeScript ...

  • TypeScript - 接口

    TypeScript - 接口( Interface) [TOC] 学习目标 理解接口的概念 学会通过接口标注复杂...

  • TypeScript 接口

    TypeScript接口 接口只读属性 使用关键字readonly定义只读的接口属性 出现错误,如下 创建不可修改...

  • TypeScript接口

    属性类型接口 函数类型接口 定义了函数的参数。包括入参和出参。 可索引类型接口 类类型接口

  • typescript 接口

    日期:2019 年 8 月 29 日 typescript 接口 介绍 TypeScript的核心原则之一是对值所...

  • TypeScript接口

    接口定义 类型检查器不会检查属性的顺序,只要相应的属性存在并且类型匹配即可。 可选属性 定义可选属性只需要在属性后...

  • TypeScript——接口

    TypeScript的核心原则之一是对值所具有的结构进行类型检查。 它有时被称做“鸭式辨型法”或“结构性子类型化”...

网友评论

    本文标题:6、Typescript 接口

    本文链接:https://www.haomeiwen.com/subject/okqauqtx.html