TS中类型声明

作者: 深度剖析JavaScript | 来源:发表于2020-10-31 23:31 被阅读0次

我们知道TypeScript中提供了一些基本类型以及类也可以当类型。但是有的时候我们需要一些更灵活的类型,这就需要自定义一些类型或者叫类型声明

声明类型需要借助一个关键字type
例如

type User = {
    name: string;
    age?: number;
}

以上代码定义了一个User类型,该类型必须有name属性类型为string,可以选择有或者没有类型为numberage属性

let user: User;
user = {
    name: 'Alice'
}

上述代码,声明一个user变量要求是我们定义的User类型并赋值,赋值时需要值与定义的类型对应
当然不仅仅用于变量,自定义类型跟普通类型一样,可以用于所有能用类型的地方,没有限制,比如函数的形参等等

function show(obj: User) {
    console.log(obj.name)
}
show(user);

以上就TS类型声明的基本使用,可以看到使用type关键字可以很方便的创建一个新类型

相关文章

  • TS中类型声明

    我们知道TypeScript中提供了一些基本类型以及类也可以当类型。但是有的时候我们需要一些更灵活的类型,这就需要...

  • TS中给图片声明类型

    来看看ts中如何给图片等文件声明类型 用declare关键字来声明类型用module来告诉TS声明的是一个模块用*...

  • TypeScript中的基本数据类型

    TypeScript中的基本类型 TypeScript中的基本类型: 类型声明类型声明是TS非常重要的一个特点;通...

  • TS入门2019-08-13

    ts和js出了类型声明其他的都是一样的。(ts就是比js多了一个类型声明) ts 与 js 相比,其实就是把类型给...

  • TypeScript学习——函数的类型

    TS中的函数声明 在TS中,需要对函数的输入和输出进行约束,需要把输入和输出都考虑到,其中函数声明的类型定义比较简...

  • 常见数据类型用ts怎么写?

    1. ts 声明一个boolean, number, string类型的值 2. ts 声明一个 undefine...

  • typeScript语法

    ts类型 ts联合类型使用或 ts定义任意类型any ts定义函数返回值的类型 ts中的类定义 interface接口

  • 类型注解和类型推断

    类型注解(type annotation) 类型注解就是在声明变量的时候 先告诉TS 当前声明的变量是什么类型 例...

  • TypeScript 学习笔记 之 接口与类

    接口 TS 中判断是否实现接口的核心原则是基于结构而不是基于名称的。即鸭子类型判断。 TS 中接口可以声明可选的接...

  • TypeSrcipt一起学习(二)

    之前我们学习了TypeScript的数据类型,我们来看看TS中是如何声明函数的 我们先看看js中的函数声明 fun...

网友评论

    本文标题:TS中类型声明

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