日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

你用過 TypeScript 內(nèi)置的 Omit 工具類型么?你想知道 Omit 的應(yīng)用場景和內(nèi)部是如何實現(xiàn)的么?如果想的話，閱讀完本文之后，也許你就懂了。這是一個使用 type 類型別名定義的 User 類型，用于描述用戶對象。

成都創(chuàng)新互聯(lián)致力于互聯(lián)網(wǎng)網(wǎng)站建設(shè)與網(wǎng)站營銷，提供網(wǎng)站制作、成都網(wǎng)站建設(shè)、網(wǎng)站開發(fā)、seo優(yōu)化、網(wǎng)站排名、互聯(lián)網(wǎng)營銷、微信小程序、公眾號商城、等建站開發(fā)，成都創(chuàng)新互聯(lián)網(wǎng)站建設(shè)策劃專家，為不同類型的客戶提供良好的互聯(lián)網(wǎng)應(yīng)用定制解決方案，幫助客戶在新的全球化互聯(lián)網(wǎng)環(huán)境中保持優(yōu)勢。

type User = {
  id: string; // 用戶id
  name: string; // 用戶名
  password: string; // 密碼
  createdAt: Date; // 創(chuàng)建時間
  updatedAt: Date; // 更新時間
};

其中 id、createdAt 和 updatedAt 這些屬性是在創(chuàng)建用戶時，由服務(wù)端自動生成的。因此在注冊用戶時，用于描述注冊用戶對象的 RegisterUser 類型并不需要以上這些屬性。那么我們應(yīng)該如何高效地定義 RegisterUser 類型呢?這時我們可以使用 TS 內(nèi)置的 Omit 工具類型。

type RegisterUser = Omit;
type RegisterUser = {
    name: string;
    password: string;
}

由以上結(jié)果可知，id、createdAt 和 updatedAt 這些屬性都已經(jīng)被過濾掉了，所以使用 Omit 工具類型，我們可以很方便地過濾掉對象類型中不需要的屬性。

其實 Omit 工具類型還有其它的作用，比如我們可以利用接口繼承的方式來實現(xiàn)覆蓋已有對象類型中已知屬性的類型。具體的實現(xiàn)方式也很簡單：

interface UserUI extends Omit {
  createdAt: string;
  updatedAt: string;
}

在以上代碼中，UserUI 接口描述的對象用于在頁面上顯示用戶信息，所以我們把原有 User 類型中 createdAt 和 updatedAt 屬性的類型都修改成 string 類型。

了解完 Omit 工具類型的應(yīng)用場景，下面我們來看一下它內(nèi)部是如何實現(xiàn)的。

// typescript/lib/lib.es5.d.ts
type Omit = Pick>;

由以上代碼可知，Omit 工具類型內(nèi)部使用了 TS 內(nèi)置的 Pick 和 Exclude 工具類型。

其中 keyof 操作符用于獲取某種類型中的所有鍵，其返回類型是聯(lián)合類型。而 Exclude 工具類型用于實現(xiàn)類型過濾，即從 keyof T 返回的聯(lián)合類型中，過濾掉要排除的屬性。最終再使用 Pick 工具類型從原有的對象類型中，挑選出需保留的屬性，組合成新的對象類型。

網(wǎng)頁名稱：減少TS重復(fù)代碼，Omit用起來真香！
文章URL：http://www.dlmjj.cn/article/ccedjho.html