学习ts(二)数据类型(接口和对象类型、数组类型)

interface

重名会重合到一起

如果两个interface名称相同,会把两个合到一起

重复定义同一个需要类型相同

不能多或者减少属性

设置任意key

当定义接口返回数据时,我们不确定接口会返回多少,知道所需要的固定属性,其余属性可以设置为[propName: string]
需要注意的是,一旦定义了任意属性,那么确定属性和可选属性的类型都必须是它的类型的子集

可选

js 复制代码
interface Modal {
    name: string
    age: number
    b?:number
}
let modal: Modal = {
    name: '123',
    age: 12,
}

只读

常用于id和函数,不想被修改

继承

相当于再次合并两个接口

函数定义

相当于定义了一个参数为name,返回值为数字数组类型的函数

js 复制代码
interface Fn {
    (name: string): number[]
}

let fn1:Fn = (name:string)=>{
    return [1,2,3]
}

数组类型

采用普通方式定义和泛型方式定义基本数组类型

定义对象数组

js 复制代码
interface X {
    name:string,
    age?:number
}

let arr:X[]=[{name:'123'}]

定义多维数组

js 复制代码
let arr: number[][] = [[1], [2]]
let arr1: Array<Array<number>> = [[1], [2]]

元组定义数组

js 复制代码
let arr2:[number,string] = [1,'2']

定义arguments类数组

js 复制代码
function Arr(...args:any): void {
    console.log(arguments)
    //错误的arguments 是类数组不能这样定义
    let arr:number[] = arguments
}
Arr(111, 222, 333)
 
 
 
function Arr(...args:any): void {
    console.log(arguments) 
    //ts内置对象IArguments 定义
    let arr:IArguments = arguments
}
Arr(111, 222, 333)
 
//其中 IArguments 是 TypeScript 中定义好了的类型,它实际上就是:
interface IArguments {
[index: number]: any;
length: number;
callee: Function;
}
相关推荐
EterNity_TiMe_28 分钟前
【论文复现】(CLIP)文本也能和图像配对
python·学习·算法·性能优化·数据分析·clip
sanguine__32 分钟前
java学习-集合
学习
lxlyhwl32 分钟前
【STK学习】part2-星座-目标可见性与覆盖性分析
学习
nbsaas-boot33 分钟前
如何利用ChatGPT加速开发与学习:以BPMN编辑器为例
学习·chatgpt·编辑器
CV学术叫叫兽1 小时前
一站式学习:害虫识别与分类图像分割
学习·分类·数据挖掘
我们的五年1 小时前
【Linux课程学习】:进程程序替换,execl,execv,execlp,execvp,execve,execle,execvpe函数
linux·c++·学习
前端百草阁1 小时前
【TS简单上手,快速入门教程】————适合零基础
javascript·typescript
彭世瑜1 小时前
ts: TypeScript跳过检查/忽略类型检查
前端·javascript·typescript
FØund4041 小时前
antd form.setFieldsValue问题总结
前端·react.js·typescript·html
Backstroke fish2 小时前
Token刷新机制
前端·javascript·vue.js·typescript·vue