typeScript

JS与TS类型系统精讲

最新推荐文章于 2022-08-16 17:47:49 发布

原创最新推荐文章于 2022-08-16 17:47:49 发布 · 239 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#typeScript

js 专栏收录该内容

39 篇文章

订阅专栏

本文深入解析JavaScript的原始数据类型与对象类型，并详细介绍TypeScript如何定义类型，包括单个类型、多个类型及接口定义。同时，文章还探讨了数组的定义方式，为开发者提供全面的类型系统指南。

一。类型说明：JavaScript 的类型分为两种：原始数据类型和对象类型。原始数据类型包括：布尔值、数值、字符串、null、undefined 以及 ES6 中的新类型 Symbol。

二。TypeScript 内如何定义类型。通过（:）进行定义。类型值分别是（number, string, boolean, null, undefined, any（代表任何类型））。如果没有定义类型则默认设置成任何类型。

单个类型定义。例如：let number: number = 1 定义数字。只能赋值为数字类型
多个类型定义通过（|）进行区分。例如：let strAndNum: string | number = 1。则 strAndNum 可以赋值成字符串或者数字。访问联合联系的属性或方法时，除非该属性或方法是共有的否则是不允许的。

三。接口：通过 interface 字段进行定义接口。接口一般首字母大写。

定义为确定属性的，则变量中必须存在该属性。
通过（?）定义为可选属性。定义为可选属性则这个值可以不用存在。
通过（[propName: type]: type）定义为任意类型。一旦定义了任意属性，那么确定属性和可选属性的类型都必须是它的类型的子集。
通过（readonly）定义为只读属性。该属性首次赋值后不可修改。

例如：

interface Person {
    readonly id: number; // 定义的只读属性
    name: string;  // 确定属性
    age?: number; // 可选属性
    [propName: string]: any; // 任意属性
}

let tom: Person = {
    id: 89757,
    name: 'Tom',
    gender: 'male'
};

四。数组的定义。通过（类型 + 方括号）进行定义或者通过数组泛型（Array<elemType>）进行定义。

具体内容：参考链接