国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

HelloType:JS運行時數據類型檢查工具

Heier / 2377人閱讀

摘要:進入主頁使用文檔是一個設計簡單的運行時的數據類型檢查工具,它可以幫助你的程序在使用某個組變量前,對變量的數據類型進行檢查,防止在使用變量進行運算時由于數據類型不同導致報錯。

進入GitHub主頁
使用文檔

HelloType是一個api設計簡單的js運行時的數據類型檢查工具,它可以幫助你的js程序在使用某個(組)變量前,對變量的數據類型進行檢查,防止在使用變量進行運算時由于數據類型不同導致報錯。

雖然我們已經有typescript,但是它只能在編譯時進行靜態數據類型檢查,而不能進行動態的運行時數據檢查。而HelloType就是想補充這個空缺。它的使用方法非常簡單,api設計非常容易理解,并且語義化。

解除API數據格式煩惱

前端通過讀取后端接口返回的數據進行界面渲染,但是經常碰到的問題是,前端對后端數據無比信任,按照大家約定的格式讀取數據,但是,突然有一天深夜,監控系統突然報警,南非的大老板進去頁面后不斷產生錯誤。作為有修養的程序員,果斷cmd+opt+I打開開發者工具,一看,一堆紅色報錯,就像心臟滴血。經過一整夜的奮戰,最后發現,原來是后端發布了新版本,在一個關鍵接口的返回數據中,統一將數值型的返回值修改成了字符串的數字。內心一陣MMP之后,你現在終于有了HelloType。

圖:通過hello-type提供的方法,創建具有一定格式的數據結構

當你使用HelloType創建了一個特定的數據結構容器之后,利用這個容器,和接收到的API數據進行對比,就可以知道API返回的數據格式是否符合本地規定的格式,數據節點上的數據類型是否是規定的數據類型。一旦API返回的數據格式、類型不符合要求,你就可以追蹤到這個錯誤,并且把錯誤發送到你的監控系統,并且通知后端同學“你們改數據類型不通知下游團隊,是要藥丸嗎?”

檢查函數的輸入輸出

TypeScript是前端語言的一次升級,然鵝,它只在編譯時對項目內的數據類型做檢查,而無法做到運行時的類型檢查。除了api的數據是不可測的以外,用戶輸入的數據也不可測,你還會用第三方庫吧,或者你自己現在就在寫一個第三方庫,但凡跨項目的代碼,就會有不可測的數據類型。為了學習TypeScript的接口、范型,你大刀闊斧的改項目代碼,最后上線了,看看監控系統,內心MMP……

圖:利用ES7裝飾器,快速對某個方法的輸入輸出的數據類型進行限制

如果你和我一樣超級懶不想為了編寫一大堆接口、范型、類型寫一大堆和業務本身無關的ts代碼時,HelloType給你直觀的感受,而且完完全全是ES語法,不帶半點地方方言。

靜靜地追蹤數據類型錯誤

對業務代碼的大舉侵入是最討厭的是,對于我的應用而言,已經做好了程序報錯時的萬全準備,那就是——提示用戶系統出錯了!!既然這樣,HelloType可以幫助你收集數據類型錯誤,讓你的代碼做一段安靜的代碼。

圖:利用一個全局函數,抓取錯誤信息,并將錯誤信息通過ajax請求上傳到服務器

HelloType中到trace方法完全異步,徹底的異步執行,不影響界面的渲染,在追蹤到數據類型報錯之后,異步執行with方法中的函數,這個函數是自定義的,因此你可以在這個函數里面做任何事情,但它是異步的,你可以收集日志,然后上傳到監控系統,干得漂亮。

兼容模式和嚴格模式

HelloType默認是兼容模式對數據進行檢查的,所謂兼容模式嚴格模式,主要是針對數組和對象而言。兼容模式下,一個被檢查的對象如果屬性比規定的要多,并不會報錯,只要規定的那部分屬性數據類型檢查沒報錯即可。嚴格模式下,數組的元素個數必須和規定的一樣,不能多也不能少,即使IfExists,也會被忽略,必須遵守嚴格模式。對象的話,主要是屬性必須和規定的相同,不能多也不能少,IfExists也一樣被忽略。

圖:由于多了height屬性,會報錯。通過strict屬性獲取一個類型容器的嚴格模式狀態,對結構比較嚴格要求的情況非常有用

另外,還有一個方法可以開啟嚴格模式:toBeStrict()。它直接改變當前容器為一個嚴格模式的容器。在必要的時候使用它會讓代碼顯得很精煉。例如:

const SomeType = Dict({
  body: Dict({ name: String }).toBeStrict(), // 使用Dict直接作為規則的時候,由于只會在這里用到一次,所以直接調用toBeStrict()比較好
})
小結

JS的數據類型本身的混亂對于開發者而言,簡直就是噩夢,但是HelloType讓你可以睡個好覺。通過非常合理的代碼布局,讓你可以非常優秀的攔截由于數據類型問題產生的bug。而且,由于它是基于Error,所以調試起來非常方便,對于監控而言也非常有利,利用它,可以收集具體的錯誤數據,上報到服務端,由服務端對自己輸出的數據格式和類型進行糾正。

開始使用

本文原載于 https://www.tangshuang.net/he...
如果你覺得這個想法還不錯,github上給個star吧

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/97050.html

相關文章

  • Flow - JS靜態類型檢查工具

    摘要:介紹是個的靜態類型檢查工具,由出品的開源碼項目,問世只有一年多,是個相當年輕的項目。現在,提供了另一個新的選項,它是一種強靜態類型的輔助檢查工具。 showImg(https://segmentfault.com/img/bVH6mL?w=1200&h=675); 本章的目標是提供一些Flow工具的介紹與使用建議。Flow本質上也只是個檢查工具,它并不會自動修正代碼中的錯誤,也不會強制...

    seanHai 評論0 收藏0
  • JavaScript類型檢查之Flow

    摘要:一是一種弱類型動態類型檢查的語言。動態類型與靜態類型的核心區別動態類型的類型檢查是是在代碼運行的時候進行的,靜態類型的類型檢查則是在編譯時進行。 一、js是一種弱類型、動態類型檢查的語言。 弱類型:在定義變量時,可以為變量定義復制任何數據,變量的數據類型不是固定死的,這樣的類型叫做弱類型。 var a = 10; a = abc; a = []; a = function() {}...

    zhonghanwen 評論0 收藏0
  • Licia 支持小程序的 JS 工具

    摘要:注模塊名右邊有小程序圖標即表明可以在小程序中使用。轉義字符串為合法的字符串字面量。轉義特殊字符用于構造函數。使構造函數繼承另一個構造函數原型鏈上的方法。 導語 Licia 是一套在開發中實踐積累起來的實用 JavaScript 工具庫。該庫目前擁有超過 300 個模塊,同時支持瀏覽器、node 及小程序運行環境,提供了包括日期格式化、md5、顏色轉換等實用模塊,可以極大地提高開發效率。...

    DangoSky 評論0 收藏0
  • JS 靜態類型檢查工具 Flow

    摘要:本文主要介紹了解決作為弱類型語言沒有類型檢查痛點的靜態類型檢查工具,并且介紹了在中使用的方法,最后介紹了一些常用的語法。 本文主要介紹了解決JS作為弱類型語言沒有類型檢查痛點的靜態類型檢查工具 Flow ,并且介紹了在WebStorm中使用Flow的方法,最后介紹了一些常用的Flow語法。 1. 簡介 JS作為一種腳本語言是沒有類型檢測的,這個特點有時候用著很方便,但在一個較大的項目中...

    CloudDeveloper 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<