JavaScript 和 TypeScript 開發人員經常發現自己重複編寫相同的條件。如果您是 Web 開發人員，您可能曾經遇到以下程式碼：
const handleSaveTextKeydown = (event: KeyboardEvent) => {
if (event.key === 'Enter') {
//... save text
}
}
在這種情況下，event.key 是字串類型，例如，如果不小心在「Enter」中包含空格，很容易引入錯誤。
為什麼不將這個條件封裝在一個函數中？
const handleSaveTextKeydown = (event: KeyboardEvent) => {
if (checkIsEnterKey(event.key)) {
//... save text
}
}
這確保了對 Enter 鍵的所有檢查都是一致且可靠的。
現在，考慮這個驗證：
type Value = null | object;
const value = {} as Value;
if (typeof value === 'object') {
value; // value type is null | object
}
儘管 TypeScript 很智能，但條件內的值仍然是 Value 型別。這是因為 typeof null 傳回「object」。
所以，你需要寫：
if (value !== null && typeof value === 'object') {
value; // value type is object
}
很多開發者遇到這種情況可能不會將其封裝成函數，而是重複編寫。
你一生中寫過多少次同樣的情況？
你犯過多少次同樣的錯誤？
同樣的條件你以後還會寫幾次？
如果是我，我會這樣做：
if (checkIsObject(value)) {
value; // value type is object
}
將通用條件封裝在函數中有很多好處。
考慮以下範例：
const array = [0, 1, 2, 3, 4, 5, null, undefined];
讓我們建立一個僅排除空值的陣列。
您可以優先考慮簡潔性並這樣寫：
const numbers = array.filter(Boolean);
不幸的是，這並不理想。 0 也被評估為 false 並被排除。所以你需要寫：
const numbers = array.filter(item => item !== null && item !== undefined);
這不是感覺很醜陋、不可重用的程式碼嗎？
我可以寫出更優雅的程式碼：
const numbers = array.filter(checkIsNullish);
停止重複編寫通用條件。它只會導致錯誤，並且程式碼的可讀性會降低。
讓我介紹一下我創建的一個名為 checker 的庫。
這個實用函數庫將一般 Web 開發和低階開發中常用的條件表示為函數。所有函數都接受輸入並傳回布林值。
在撰寫本文時，它提供了豐富的函數來處理字串、數字、布林值和空值等資料類型。所有功能都經過測試、記錄，並且易於開始使用。
讓我們來看一些現實世界的例子。
該程式庫提供的套件全部發佈在JSR上。它們可以輕鬆安裝在 NPM、PNPM、Yarn、Bun 和 Deno 專案中。
這裡，我們以 NPM 的 @checker/string 套件為例。
在專案目錄中執行以下命令：
npx jsr add @checker/string
import { checkIsNotEmptyString, checkIsIndexFound } from "@checker/string";
const value = "Hello";
const formatted = value.trim();
if (checkIsNotEmptyString(formatted)) {
// formatted !== ''
// When formatted is not an empty string
}
const index = value.indexOf("el");
if (checkIsIndexFound(index)) {
// index !== -1
// When "el" is found in value
}
我不喜歡使用像 !SOME_CONDITION 這樣的邏輯否定運算子來反轉布林值。這是因為它是隱式的，簡單地透過添加或省略它來反轉布林值可能會導致許多危險的情況。
因此，所有函數都定義了對應的 checkIsNot~ 函數。
將通用條件封裝在函數中。這樣，程式碼變得更具可讀性，錯誤也更容易發現。
感謝您的閱讀。
以上是# 用可重複使用函數取代通用驗證的詳細內容。更多資訊請關注PHP中文網其他相關文章！
