typescript 中 exclude 排除属性-ag捕鱼王app官网

当前位置:ag捕鱼王app官网 > > 编程语言 > >

typescript 中 exclude 排除属性

作者:迹忆客 最近更新:2023/03/19 浏览次数:

本篇文章将讨论从 typescript 类型中 exclude 属性。exclude 属性用于从现有类型创建具有较少或修改属性的另一种类型。

在 typescript 中使用 omit 从类型中 exclude 属性

typescript 允许用户从类型中 exclude 属性。用户必须使用 omit 类型从现有类型中 exclude 属性。

omit 类型从现有类型创建一个新类型。

语法:

omit

例子:

type info = {
    firstname: string,
    lastname: string,
    age: number,
    country: string,
};
type info1 = omit<info, 'country'>;
const info1: info1 = {
    firstname: 'john',
    lastname: 'nash',
    age: 27,
};
console.log(info1);

输出:

{
    "firstname": "john",
    "lastname": "nash",
    "age": 27
}

在上面的示例中,使用 omit 从现有类型中引入了一个新类型。info 类型有四个属性,而 info1 有三个。

我们甚至可以从现有类型 info 中引入一个新类型,并且可以排除多个属性。

例子:

type info = {
    firstname: string,
    lastname: string,
    age: number,
    country: string,
};
type info1 = omit<info, 'country'>;
const info1: info1 = {
    firstname: 'john',
    lastname: 'nash',
    age: 27,
};
type info2 = omit<info, 'country' | 'age'>;
const info2: info2 = {
    firstname: 'stewen',
    lastname: 'gold',
};
console.log(info1);
console.log(info2);

输出:

{
    "firstname": "john",
    "lastname": "nash",
    "age": 27
}
{
    "firstname": "stewen",
    "lastname": "gold"
}

如上所示,类型 info2 是类型 info 的修改版本。请注意 omit 类型中如何排除多个属性。

使用 omit 修改 typescript 中的属性

typescript 允许用户修改属性。如果用户尝试修改没有 omit 类型的类型,则会引发错误。

例子:

type info = {
    firstname: string,
    lastname: string,
    age: number,
    country: string,
};
type info1 = info & {
    country: {
        countryname: string,
        cityname: string,
    };
};
const info1: info1 = {
    firstname: 'john',
    lastname: 'nash',
    age: 27,
    country: {
        countryname: 'china',
        cityname: 'wuhan',
    },
}

此代码没有输出,因为对象 info1 属性 country 将引发错误。错误消息是:type countryname and cityname is not assignable to type string

为了克服这个错误,用户必须使用 omit 类型来修改类型。

例子:

type info = {
    firstname: string,
    lastname: string,
    age: number,
    country: string,
};
type info1 = omit<info, 'country'> & {
    country: {
        countryname: string,
        cityname: string,
    };
};
const info1: info1 = {
    firstname: 'john',
    lastname: 'nash',
    age: 27,
    country: {
        countryname: 'china',
        cityname: 'wuhan'
    },
}
console.log(info1);

输出:

{
    "firstname": "john",
    "lastname": "nash",
    "age": 27,
    "country": {
        "countryname": "china",
        "cityname": "wuhan"
    }
}

在上面的示例中,请注意 info1 具有修改后的 country 类型。注意更新属性的语法。

使用 omit 类型是消除复杂性和提高工作效率的好习惯。

转载请发邮件至 1244347461@qq.com 进行申请,经作者同意之后,转载请以链接形式注明出处

本文地址:

相关文章

发布时间:2023/03/19 浏览次数:254 分类:

本教程指南通过特定的实现和编码示例深入了解了 typescript 中 declare 关键字的用途。

发布时间:2023/03/19 浏览次数:962 分类:

本篇文章演示了类的 get 和 set 属性以及如何在 typescript 中实现它。

在 typescript 中格式化日期和时间

发布时间:2023/03/19 浏览次数:269 分类:

本教程介绍内置对象 date() 并讨论在 typescript 中获取、设置和格式化日期和时间的各种方法。

在 typescript 中返回一个 promise

发布时间:2023/03/19 浏览次数:586 分类:

本教程讨论如何在 typescript 中返回正确的 promise。这将提供 typescript 中 returns promise 的完整编码示例,并完整演示每个步骤。

在 typescript 中定义函数回调的类型

发布时间:2023/03/19 浏览次数:1445 分类:

本教程说明了在 typescript 中为函数回调定义类型的ag捕鱼王app官网的解决方案。为了程序员的方便和方便,实施了不同的编码实践指南。

使用 npm 将 typescript 更新到最新版本

发布时间:2023/03/19 浏览次数:446 分类:

本教程说明了如何使用 npm 更新到最新版本的 typescript。这将为如何使用 npm 将 typescript 更新到最新版本提供完整的实际示例。

使用 jquery 和 typescript

发布时间:2023/03/19 浏览次数:246 分类:

本教程提供了使用 jquery 和 typescript 的基本理解和概念。

扫一扫阅读全部技术教程

社交账号
  • https://www.github.com/onmpw
  • qq:1244347461

最新推荐

教程更新

热门标签

扫码一下
查看教程更方便
网站地图