Typescript使用字元串聯合類型代替枚舉類型

来源:https://www.cnblogs.com/handboy/archive/2019/08/25/11410066.html
-Advertisement-
Play Games

TypeScript宗旨 我覺得Typescript的宗旨是 任何一個 TypeScript 程式,在手動刪去類型部分,將尾碼改成 .js 後,都應能夠正常運行。Typescript是javascript的超集,是編譯期行為,不引入額外開銷,不改變運行時行為,始終與 ESMAScript 語言標準一 ...


TypeScript宗旨

我覺得Typescript的宗旨是 任何一個 TypeScript 程式,在手動刪去類型部分,將尾碼改成 .js 後,都應能夠正常運行。Typescript是javascript的超集,是編譯期行為,不引入額外開銷,不改變運行時行為,始終與 ESMAScript 語言標準一致。

但是enum類型了引入了 JavaScript 沒有的數據結構(編譯成一個雙向 map),入侵了運行時,與 TypeScript 宗旨不符。用 字元串聯合類型('enum1' | 'enum2' | 'enum3')可以做到相同的事,且在調試時可讀性更好。

以下 代碼展示了enum違背了宗旨的證據:

Enum實現

// TypeScript
enum Test {
    enum1 = 2,
    enum2,
    enum3
}
const test:Test = Test.enum2; // 3
 
// 編譯為javscript
var Test;
(function (Test) {
    Test[Test["enum1"] = 2] = "enum1";
    Test[Test["enum2"] = 3] = "enum2";
    Test[Test["enum3"] = 4] = "enum3";
})(Test || (Test = {}));
var test = Test.enum2; // 3

推薦聯合類型(string literal union)實現

// Typescript
type Test = 'enum1' | 'enum2' | 'enum3';
const test: Test = 'enum2';

// 編譯為javscript,非常簡單
var test = 'enum2';

您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 1.表與表之間的關係 2.為什麼要使用多張表 3.概念 4.分類 ANY關鍵字 ALL關鍵字 SOME關鍵字 IN關鍵字 ...
  • 一、簡述 截至到目前 (2019.04),HBase 有兩個主要的版本,分別是 1.x 和 2.x ,兩個版本的 Java API 有所不同,1.x 中某些方法在 2.x 中被標識為 過時。所以下麵關於 API 的樣例,我會分別給出 1.x 和 2.x 兩個版本。完整的代碼見本倉庫: + "Java ...
  • 安裝 第一步:打開網址,https://www.mysql.com,點擊downloads之後跳轉到https://www.mysql.com/downloads/選擇Community選項 第二步: 第一步結束後程式會跳轉到https://dev.mysql.com/downloads/網址,點擊 ...
  • AOP: 面向切麵編程,偏向於處理業務的某個階段 適用場景: 1. 參數校驗:網路請求前的參數校驗,返回數據的格式校驗等等 2. 無痕埋點:統一處理埋點,降低代碼耦合度 3. 頁面統計:幫助統計頁面訪問量 4. 事務處理:攔截指定事件,添加觸發事件 5. 異常處理:發生異常時使用面向切麵的方式進行處 ...
  • ConstraintLayout 不能正常顯示,因為其中一個控制項的約束屬性寫錯了 ...
  • jQuery返回的對象本質上是一個JavaScript對象,而入口模塊則可以保存對應的節點的引用,然後供其它模塊操作 我們創建jQuery對象時可以給jQuery傳遞各種不同的選擇器,如下: false ;返回一個空jQuery對象 DOM節點 ;返回包含該DOM元素引用的jQuery對象。 bod ...
  • [TOC] Vue組件化開發 組件化開發: 1、組件化開髮指的是將複雜的業務拆分為一個有一個的組件 2、組件化開發的組件一般來說要靈活 3、組件化開發涉及到了Vue的js組件封裝,需要掌握Vue基礎、Vue實例方法與屬性、Vue.extend、Vue插件等知識 Vue實例方法與屬性 vm.$moun ...
  • 一、背景 1.如何設置標簽的背景顏色 (1)在CSS中有一個background-color:屬性值;,就是專門用來設置標簽的背景顏色。 (2)取值:具體單詞、RGB、RGBA、十六進位 例子: 2.如何設置背景圖片? (1)在CSS中有一個叫做background-image:url();的屬性, ...
一周排行
    -Advertisement-
    Play Games
  • C#TMS系統代碼-基礎頁面BaseCity學習 本人純新手,剛進公司跟領導報道,我說我是java全棧,他問我會不會C#,我說大學學過,他說這個TMS系統就給你來管了。外包已經把代碼給我了,這幾天先把增刪改查的代碼背一下,說不定後面就要趕鴨子上架了 Service頁面 //using => impo ...
  • 委托與事件 委托 委托的定義 委托是C#中的一種類型,用於存儲對方法的引用。它允許將方法作為參數傳遞給其他方法,實現回調、事件處理和動態調用等功能。通俗來講,就是委托包含方法的記憶體地址,方法匹配與委托相同的簽名,因此通過使用正確的參數類型來調用方法。 委托的特性 引用方法:委托允許存儲對方法的引用, ...
  • 前言 這幾天閑來沒事看看ABP vNext的文檔和源碼,關於關於依賴註入(屬性註入)這塊兒產生了興趣。 我們都知道。Volo.ABP 依賴註入容器使用了第三方組件Autofac實現的。有三種註入方式,構造函數註入和方法註入和屬性註入。 ABP的屬性註入原則參考如下: 這時候我就開始疑惑了,因為我知道 ...
  • C#TMS系統代碼-業務頁面ShippingNotice學習 學一個業務頁面,ok,領導開完會就被裁掉了,很突然啊,他收拾東西的時候我還以為他要旅游提前請假了,還在尋思為什麼回家連自己買的幾箱飲料都要叫跑腿帶走,怕被偷嗎?還好我在他開會之前拿了兩瓶芬達 感覺感覺前面的BaseCity差不太多,這邊的 ...
  • 概述:在C#中,通過`Expression`類、`AndAlso`和`OrElse`方法可組合兩個`Expression<Func<T, bool>>`,實現多條件動態查詢。通過創建表達式樹,可輕鬆構建複雜的查詢條件。 在C#中,可以使用AndAlso和OrElse方法組合兩個Expression< ...
  • 閑來無聊在我的Biwen.QuickApi中實現一下極簡的事件匯流排,其實代碼還是蠻簡單的,對於初學者可能有些幫助 就貼出來,有什麼不足的地方也歡迎板磚交流~ 首先定義一個事件約定的空介面 public interface IEvent{} 然後定義事件訂閱者介面 public interface I ...
  • 1. 案例 成某三甲醫預約系統, 該項目在2024年初進行上線測試,在正常運行了兩天後,業務系統報錯:The connection pool has been exhausted, either raise MaxPoolSize (currently 800) or Timeout (curren ...
  • 背景 我們有些工具在 Web 版中已經有了很好的實踐,而在 WPF 中重新開發也是一種費時費力的操作,那麼直接集成則是最省事省力的方法了。 思路解釋 為什麼要使用 WPF?莫問為什麼,老 C# 開發的堅持,另外因為 Windows 上已經裝了 Webview2/edge 整體打包比 electron ...
  • EDP是一套集組織架構,許可權框架【功能許可權,操作許可權,數據訪問許可權,WebApi許可權】,自動化日誌,動態Interface,WebApi管理等基礎功能於一體的,基於.net的企業應用開發框架。通過友好的編碼方式實現數據行、列許可權的管控。 ...
  • .Net8.0 Blazor Hybird 桌面端 (WPF/Winform) 實測可以完整運行在 win7sp1/win10/win11. 如果用其他工具打包,還可以運行在mac/linux下, 傳送門BlazorHybrid 發佈為無依賴包方式 安裝 WebView2Runtime 1.57 M ...