Typescript基礎(1)——數據類型

来源:https://www.cnblogs.com/yinhaiying/archive/2019/05/03/10805634.html
-Advertisement-
Play Games

前言 這是開始學習Typescript的一些筆記,涉及的都是很基礎的知識點。大神們請繞路或者歡迎指點。今天開始第一部分數據類型的學習。 數據類型 Typescript中為了使代碼編寫更加規範,更加易於維護。增加了 類型校驗 。 所謂 類型校驗 :就是定義的變數始終只能是定義時指定的數據類型。也就是說 ...


前言

這是開始學習Typescript的一些筆記,涉及的都是很基礎的知識點。大神們請繞路或者歡迎指點。今天開始第一部分數據類型的學習。

數據類型

Typescript中為了使代碼編寫更加規範,更加易於維護。增加了類型校驗
所謂類型校驗:就是定義的變數始終只能是定義時指定的數據類型。也就是說定義變數的時候必須指定類型。當然typescript也支持原生js的寫法。
比如:我們將a定義成number類型,如果我們在後面使用a時,將其修改成了string類型。那麼會出現報錯。

let a:number = 12;
a = 'hello'  // 報錯 Type '"hello"' is not assignable to type 'number'

Typescript中常見的數據類型如下:

布爾類型(boolean)

let flag:boolean = false;
console.log(flag)
flag = true;

flag = false;

在typescript中boolean類型的值只有兩個true和false。不同於js中,非0的數值,非空的字元串等都可以表示true。在typscript中將boolean類型的值賦值成1,0等會報錯。

let flag:boolean = true;
flag = 1;  // 報錯:在js中1能夠代表true。但是在ts中1表示number類型。因此會出現錯誤。

數字類型(number)

let num:number = 12;
num = 12.4444;
console.log(num)

字元串類型(string)

let str:string = 'helloworld';
console.log(str)

數組類型(Array)

typescript中定義數組有兩種方式:
第一種定義數組的方式:在元素類型後面接上[],表示由此類型元素組成的一個數組

let arr1:number[] = [1,2,3];
console.log(arr1)
let arr2:string[] = ['hello','world'];
console.log(arr2)

第二種定義數組的方式:使用數組泛型,Array<元素類型>:

let arr3:Array<number> = [11,22,33];

元組類型(tuple)

元組類型是數組類型的一種特例。數組類型只允許元素是一種數據類型。而元組類型允許元素是多種數據類型。比如,你可以定義一對值分別為 string和number類型的元組。

let tuple1:[string,number] = ['hello',12]
console.log(tuple1[0])

但是,元組類型和元素必須一一對應。

let tuple2:[string,number] = [20,'world']  // 沒有一一對應

枚舉類型(enum)

在電腦科學中,我們經常使用數值來表示一種狀態。但是對於較多的狀態使用數值來表示可能導致易讀性差。比如十二生肖如果我們用0,1,2,3,4...11來表示,那麼可能根本不知道究竟每一個代表什麼。但是如果我們用有含義的單詞來表示,那麼程式就比較容易理解與閱讀。比如看到豬我就知道這個生肖是豬。枚舉就是考慮到所有的可能出現的值,然後用具有函數的單詞來表示它。

枚舉又可以成為一一列舉,在電腦計算中,將一個有窮序列集所有可能的值列舉出來就稱為枚舉。比如:星期可以使用Sunday、Monday、Tuesday、Wednesday、Thursday、Friday、Saturday來進行枚舉。生肖可以使用龍、蛇、狗等十二種來進行枚舉。

enum 枚舉名{
  標識符=[整型常數],
  標識符=[整型常數],
  標識符=[整型常數],
}

枚舉類型的使用:枚舉類型如果沒有指定值,那麼預設是從0開始。

enum data {
  success,
  error
}
console.log(data.success)  // 0
console.log(data.error)    // 1

如果指定了值,那麼從指定的值往下遞增。

enum data {
  pedding,
  success = 100,
  error
}
console.log(data.pedding)  // 0
console.log(data.success)  // 100
console.log(data.error)    //101

任意類型(any)

在typescript中定義變數時通常需要指定類型,但是有時候我們可能不知道這個變數會是什麼類型(比如這個變數是用來接收後段發送過來的數據,這個數據類型可能不太確定。)。這時候我們就可以指定any類型。表示可以是任意類型。

let anyVar:any;
anyVar = 123;
console.log(anyVar)
anyVar = [1,2,3];
console.log(anyVar)

另外,當我們只知道一部分數據的類型時,any類型也是有用的。 比如,你有一個數組,它包含了不同的類型的數據:我們可以指定數組中元素類型為any。這樣的話我們就可以隨意地修改數組中的元素了。

let list:any[] = [1,'hello',false];
list[1] = true;  // 將數組第二個元素從string類型修改為boolean
console.log(list[1])

Null 和 Undefined

null和undefined是其他數據類型的子類型。
我們知道在js中定義了變數但是賦值,那麼得到的就是undefined。比如:

let u ;
console.log(u)  // undefined

但是在ts中,如果我們定義了一個變數,沒有進行賦值。如果我們使用它會出現報錯。比如:

let u:number;
console.log(u) // Variable 'u' is used before being assigned

但是很多情況下,我們定義了一個變數沒有進行賦值,在後續我們需要根據這個變數是否有值來進行判斷。但是這種情況下就會報錯。因此:我們希望能夠
在沒有獲取值的情況下不會報錯,這時候就可以使用undefined了。

let u2:number|undefined;
console.log(u2)
u2 = 123;
console.log(u2)

同理Null類型也是為了處理值為null時的情況。

void類型

void類型表示沒有任何類型,一般用於定義方法的時候,方法沒有返回值。

function warnUser(): void {
    console.log("This is my warning message");
}

never類型

never類型是那些總是會拋出異常或根本就不會有返回值的函數表達式或箭頭函數表達式的返回值類型。
let a:never; a = (() => {throw new Error('拋出異常')})()
如果變數有確定的類型,那麼使用never類型就會報錯。比如:
定義變數n為never類型。但是將n賦值為number類型了,那麼就會報錯。

let n1:never;
n1 = 123;

Object類型

object類型表示非原始類型,也就是除number,string,boolean,symbol,null或undefined之外的類型。

declare function create(o: object | null): void;

object類型的值與js中相同。數組,函數,null等都可以是Object類型。

create({ prop: 0 }); // OK
create(null); // OK
create([1,2,3]); // OK
create(function(){})  // OK
create(42); // 報錯
create("string"); // 報錯
create(false); // 報錯

說明

以前學習一些新的知識的時候,學過瞭如果沒有頻繁地使用,過一段時間就很容易忘記。因此希望使用博客園和github記錄學習過程中的一些筆記,這樣的話,下次再撿起來就比較快了。而且每一次地記錄其實都是對知識點的一次總結,這樣可以加深對知識點的理解和記憶,當然學習過程中,尤其是初學者肯定存在不正確的地方,歡迎大家指正。github中保存了學習過程中的代碼,歡迎star和issue。
github


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

-Advertisement-
Play Games
更多相關文章
  • 打開/etc/inittab 文件會看到以下信息 從中知道想要啟動後就進入完整的多用戶文本模式(命令行模式) 以root許可權執行: 進入圖形化模式,執行: 使用startx或init 5可以進入圖形化界面 進入其他運行級別用:init N (N表示0-6數值) 0: 系統停機(關機)模式,系統預設運 ...
  • GRANT ALL PRIVILEGES ON *.* TO '用戶名'@'%' IDENTIFIED BY '密碼' WITH GRANT OPTION; 這一條是添加全許可權的用戶,用戶名和密碼自行設置 GRANT SELECT, INSERT, UPDATE, DELETE, CREATE, D ...
  • 1.keys pattern 含義:查找所有符合給定模式(pattern)的key keys 遍歷所有key keys he[h l] 遍歷以he開頭,第三個字元為h l之間的所有key keys ph? ?代表一個字元 註意:keys命令一般不在生產環境中使用 生產環境的key比較多,keys這個 ...
  • 文/開源智造聯合創始人老楊 本文來自《OdooERP應用與開發案例教程》的試讀章節。書籍尚未出版,請勿轉載。歡迎您反饋閱讀意見。 PostgreSQL是Odoo支持的資料庫。PostgreSQL是起源於大學的一個歷史很長的開源資料庫系統。包括美國航天局NASA、德國證券交易中心、中國的平安、騰訊的微 ...
  • 前言 今天繼續typescript的學習,開始函數的學習。 函數 函數的定義 和JavaScript一樣,TypeScript函數可以創建有名字的函數和匿名函數。 你可以隨意選擇適合應用程式的方式,不論是定義一系列API函數還是只使用一次的函數。 定義有名字的函數: 定義匿名函數: 函數定義類型 函 ...
  • 1.ES6中的面向對象的類 1.1、定義類 在ES5中,我們寫一個類,通常是這麼寫的 在ES6中,我們可以這樣寫 註意: (1).ES6裡面Class沒有提升(例如ES5中的函數有提升到頂部的作用) (2).ES6中的this,首先來看一下ES5中矯正this的幾個方法 (2.1) fn.call( ...
  • 前言 Node中,每個模塊都有一個 介面對象,我們需要把公共的方法或者字元串掛載在這個介面對象中,其他的模塊才可以使用。 Node.js中只有模塊作用域,預設兩個模塊之間的變數,方法互不衝突,互不影響,這樣就導致一個問題,我們怎樣使用載入進來的模塊中的方法呢?這就需要在另外一個模塊 介面對象中掛載模 ...
  • 我們的手機軟體每天都要經營,經常需要更新,比如程式的Bug,好的功能,好的潔面... ... 這就需要我們的用戶打開web app時候自動更新客戶端程式,而不是再去應用程式商店從新下載。今天的筆記就是完成這項工作。 一、伺服器端 伺服器很簡單,只存放一個json文檔,這個文檔你可以用伺服器端語言生成 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...