如何在 TypeScript 中输入日期对象

作者

在 TypeScript 中输入日期对象

How to type a Date object in TypeScript

使用Date类型在 TypeScript 中键入 Date 对象，例如
const date: Date = new Date(). Date()构造函数返回一个类型为 的对象Date。该接口定义了对象上所有内置方法的类型Date。

索引.ts
// 👇️ const date: Date
const date: Date = new Date();

Date()构造

函数返回一个类型为Date.

如果您正在使用内联赋值，就像示例中那样，您可以让 TypeScript 推断其类型。

索引.ts
// 👇️ const date: Date
const date = new Date();

Date使用
接口
或
类型别名时，您将以相同的方式键入对象。

索引.ts
interface Delivery {
  shippingDate: Date;
}

const shippingDate = new Date('2023-09-24');

const obj: Delivery = {
  shippingDate,
};

接口上的shippingDate属性Delivery的类型为Date.

要获取Date对象，您必须使用Date() 构造函数。

如果将鼠标悬停在Date()构造函数上，您可以看到它Date在使用运算符实例化时返回一个类型的对象new。

索引.ts
interface DateConstructor {
    new(): Date;
    new(value: number | string): Date;
    new(year: number, month: number, date?: number, hours?: number, minutes?: number, seconds?: number, ms?: number): Date;
}

可以在没有任何参数的Date()情况下调用构造函数（以获取当前日期），也可以使用numberor调用它string，或者使用多个逗号分隔的年、月、日等数字来调用它。

在所有重载中，构造函数返回一个 类型的对象。 Date

在 TypeScript 中检查某物类型的一个好方法是将 is 赋值给一个变量并将鼠标悬停在该变量上。

索引.ts
const date = new Date();

使用内联赋值时，TypeScript 能够推断出右侧值的类型。

该Date类型被定义为一个接口，并包含所有与日期相关的内置方法的类型。

索引.ts
const date = new Date('2023-09-24');

console.log(date.getFullYear()); // 👉️ 2023

console.log(date.getMonth()); // 👉️ 8

console.log(date.getDate()); // 👉️ 24

–

发表评论