99999久久久久久亚洲,欧美人与禽猛交狂配,高清日韩av在线影院,一个人在线高清免费观看,啦啦啦在线视频免费观看www

熱線電話:13121318867

登錄
首頁(yè)大數(shù)據(jù)時(shí)代ts 能實(shí)現(xiàn)根據(jù)正則表達(dá)式定義對(duì)應(yīng)的類(lèi)型嗎?
ts 能實(shí)現(xiàn)根據(jù)正則表達(dá)式定義對(duì)應(yīng)的類(lèi)型嗎?
2023-04-19
收藏

TypeScript 是一個(gè)靜態(tài)類(lèi)型檢查器和編程語(yǔ)言,它在 JavaScript 的基礎(chǔ)上添加了類(lèi)型注解和其他的一些特性以提供更加健壯的代碼。雖然 TypeScript 本身不支持直接通過(guò)正則表達(dá)式定義類(lèi)型,但是可以通過(guò)一些技巧來(lái)實(shí)現(xiàn)類(lèi)似的功能。

首先,需要明確正則表達(dá)式是用來(lái)匹配字符串的模式,而類(lèi)型系統(tǒng)是用來(lái)描述數(shù)據(jù)的結(jié)構(gòu)和行為的。因此,將正則表達(dá)式直接作為類(lèi)型定義并不可行。但是,我們可以使用 TypeScript 提供的一些基本類(lèi)型和高級(jí)類(lèi)型來(lái)定義與正則表達(dá)式相關(guān)的類(lèi)型。

例如,如果我們要定義一個(gè)字符串類(lèi)型,該字符串必須以字母開(kāi)頭,后面可以是任意字符,可以使用 TypeScript 提供的正則表達(dá)式類(lèi)型 ^[a-zA-Z].* 來(lái)表示:

type LetterString = string & { __match: typeof /^[a-zA-Z].*/ };

這里我們使用交叉類(lèi)型(&)將字符串類(lèi)型與一個(gè)對(duì)象類(lèi)型相交,對(duì)象類(lèi)型只有一個(gè)字段 __match,其類(lèi)型為 typeof /^[a-zA-Z].*/,即正則表達(dá)式類(lèi)型。這樣,當(dāng)我們聲明一個(gè) LetterString 類(lèi)型的變量時(shí),它必須同時(shí)滿足字符串類(lèi)型和正則表達(dá)式類(lèi)型,否則 TypeScript 編譯器會(huì)報(bào)錯(cuò)。

let validLetterString: LetterString = "abc123"; // OK
let invalidLetterString: LetterString = "123abc"; // Error

除了交叉類(lèi)型,我們還可以使用條件類(lèi)型來(lái)定義根據(jù)正則表達(dá)式生成的類(lèi)型。例如,如果我們要定義一個(gè)類(lèi)型,該類(lèi)型具有兩個(gè)屬性,分別為字符串類(lèi)型和數(shù)字類(lèi)型,但是字符串類(lèi)型必須符合特定的正則表達(dá)式,可以使用以下代碼:

type MatchedStringextends string> = T extends `${infer Start}${infer Rest}`
  ? Start extends RegExp
    ? { __match: Start } & MatchedString<Rest>
    : never
  : { str: T };

type StringNumberType = MatchedString</^[a-zA-Z].*/> & { num: number };

在上述代碼中,我們定義了一個(gè) MatchedString 類(lèi)型,它接受一個(gè)泛型類(lèi)型參數(shù) T,表示輸入的字符串類(lèi)型。然后我們使用條件類(lèi)型來(lái)遞歸地判斷字符串是否符合正則表達(dá)式,如果符合,則添加一個(gè) __match 屬性,并遞歸調(diào)用 MatchedString 類(lèi)型;如果不符合,則返回 never 類(lèi)型表示匹配失敗。最終,我們將 MatchedString 類(lèi)型與一個(gè)具有數(shù)字屬性的對(duì)象類(lèi)型相交以獲得所需的類(lèi)型。

let validStringNumber: StringNumberType = { str: "abc123", num: 456 }; // OK
let invalidStringNumber: StringNumberType = { str: "123abc", num: 456 }; // Error

需要注意的是,使用正則表達(dá)式類(lèi)型定義的類(lèi)型僅在編譯時(shí)進(jìn)行驗(yàn)證,運(yùn)行時(shí)并不會(huì)對(duì)數(shù)據(jù)進(jìn)行驗(yàn)證。因此,在使用這些類(lèi)型時(shí),仍然需要謹(jǐn)慎地檢查數(shù)據(jù)的正確性。

總結(jié)來(lái)說(shuō),雖然 TypeScript 本身不支持直接根據(jù)正則表達(dá)式定義類(lèi)型,但是可以通過(guò)交叉類(lèi)型和條件類(lèi)型等技巧實(shí)現(xiàn)類(lèi)似的功能。這些技巧可以幫助開(kāi)發(fā)者編寫(xiě)更加健壯和可靠的代碼,同時(shí)也增強(qiáng)了 TypeScript 的表現(xiàn)力和靈活性。

數(shù)據(jù)分析咨詢請(qǐng)掃描二維碼

若不方便掃碼,搜微信號(hào):CDAshujufenxi

數(shù)據(jù)分析師資訊
更多

OK
客服在線
立即咨詢
客服在線
立即咨詢
') } function initGt() { var handler = function (captchaObj) { captchaObj.appendTo('#captcha'); captchaObj.onReady(function () { $("#wait").hide(); }).onSuccess(function(){ $('.getcheckcode').removeClass('dis'); $('.getcheckcode').trigger('click'); }); window.captchaObj = captchaObj; }; $('#captcha').show(); $.ajax({ url: "/login/gtstart?t=" + (new Date()).getTime(), // 加隨機(jī)數(shù)防止緩存 type: "get", dataType: "json", success: function (data) { $('#text').hide(); $('#wait').show(); // 調(diào)用 initGeetest 進(jìn)行初始化 // 參數(shù)1:配置參數(shù) // 參數(shù)2:回調(diào),回調(diào)的第一個(gè)參數(shù)驗(yàn)證碼對(duì)象,之后可以使用它調(diào)用相應(yīng)的接口 initGeetest({ // 以下 4 個(gè)配置參數(shù)為必須,不能缺少 gt: data.gt, challenge: data.challenge, offline: !data.success, // 表示用戶后臺(tái)檢測(cè)極驗(yàn)服務(wù)器是否宕機(jī) new_captcha: data.new_captcha, // 用于宕機(jī)時(shí)表示是新驗(yàn)證碼的宕機(jī) product: "float", // 產(chǎn)品形式,包括:float,popup width: "280px", https: true // 更多配置參數(shù)說(shuō)明請(qǐng)參見(jiàn):http://docs.geetest.com/install/client/web-front/ }, handler); } }); } function codeCutdown() { if(_wait == 0){ //倒計(jì)時(shí)完成 $(".getcheckcode").removeClass('dis').html("重新獲取"); }else{ $(".getcheckcode").addClass('dis').html("重新獲取("+_wait+"s)"); _wait--; setTimeout(function () { codeCutdown(); },1000); } } function inputValidate(ele,telInput) { var oInput = ele; var inputVal = oInput.val(); var oType = ele.attr('data-type'); var oEtag = $('#etag').val(); var oErr = oInput.closest('.form_box').next('.err_txt'); var empTxt = '請(qǐng)輸入'+oInput.attr('placeholder')+'!'; var errTxt = '請(qǐng)輸入正確的'+oInput.attr('placeholder')+'!'; var pattern; if(inputVal==""){ if(!telInput){ errFun(oErr,empTxt); } return false; }else { switch (oType){ case 'login_mobile': pattern = /^1[3456789]\d{9}$/; if(inputVal.length==11) { $.ajax({ url: '/login/checkmobile', type: "post", dataType: "json", data: { mobile: inputVal, etag: oEtag, page_ur: window.location.href, page_referer: document.referrer }, success: function (data) { } }); } break; case 'login_yzm': pattern = /^\d{6}$/; break; } if(oType=='login_mobile'){ } if(!!validateFun(pattern,inputVal)){ errFun(oErr,'') if(telInput){ $('.getcheckcode').removeClass('dis'); } }else { if(!telInput) { errFun(oErr, errTxt); }else { $('.getcheckcode').addClass('dis'); } return false; } } return true; } function errFun(obj,msg) { obj.html(msg); if(msg==''){ $('.login_submit').removeClass('dis'); }else { $('.login_submit').addClass('dis'); } } function validateFun(pat,val) { return pat.test(val); }