前言

大家好，我是林三心，用最通俗易懂的話(huà)講最難的知識(shí)點(diǎn)是我的座右銘，基礎(chǔ)是進(jìn)階的前提是我的初心！

最近發(fā)現(xiàn)越來(lái)越多的項(xiàng)目用到了 Zod 這個(gè)庫(kù)了，就比如 vben-pro 就整體都使用了 Zod 來(lái)進(jìn)行校驗(yàn)工作。它將帶領(lǐng)前端校驗(yàn)走向新的高度~

圖片

地址；https://zod.dev/

它主要具備的特點(diǎn)有：

• TypeScript-first： Zod與TypeScript深度集成，能夠自動(dòng)推斷類(lèi)型，減少類(lèi)型錯(cuò)誤。
• 簡(jiǎn)潔易用： Zod的API設(shè)計(jì)簡(jiǎn)潔，易于上手。
• 強(qiáng)大的驗(yàn)證功能： 支持多種數(shù)據(jù)類(lèi)型和復(fù)雜的嵌套結(jié)構(gòu)驗(yàn)證。
• 可擴(kuò)展性： 允許開(kāi)發(fā)者自定義驗(yàn)證規(guī)則和錯(cuò)誤消息。

圖片

基本使用

Zod 的核心思想是通過(guò)定義 “模式”（Schema） 來(lái)描述數(shù)據(jù)的形狀，然后使用這些模式來(lái)驗(yàn)證輸入數(shù)據(jù)是否符合預(yù)期

定義模式

Zod的核心是定義模式。模式是對(duì)數(shù)據(jù)結(jié)構(gòu)的描述，可以是簡(jiǎn)單的字符串、數(shù)字，也可以是復(fù)雜的對(duì)象或數(shù)組

圖片

驗(yàn)證數(shù)據(jù)

定義好模式后，可以使用 parse 方法來(lái)驗(yàn)證數(shù)據(jù)是否符合模式

圖片

處理錯(cuò)誤

當(dāng)數(shù)據(jù)不符合模式時(shí)，Zod 會(huì)返回詳細(xì)的錯(cuò)誤信息，幫助開(kāi)發(fā)者快速定位問(wèn)題

圖片

高級(jí)用法

嵌套對(duì)象和數(shù)組

Zod 支持嵌套對(duì)象和數(shù)組的驗(yàn)證，非常適合處理復(fù)雜的數(shù)據(jù)結(jié)構(gòu)

圖片

自定義驗(yàn)證規(guī)則

Zod 允許開(kāi)發(fā)者自定義驗(yàn)證規(guī)則，以滿(mǎn)足特定的業(yè)務(wù)需求

圖片

類(lèi)型推斷

Zod 與 TypeScript 深度集成，能夠自動(dòng)推斷模式對(duì)應(yīng)的 TypeScript 類(lèi)型

圖片