TypeScript之类型

谁践踏了优雅 2022-09-04 00:49 379阅读 0赞

**1-1、类型**  
boolean string number array tuple（元组） enum（枚举） null undefined object void never any

typescript类型说明的相关官方文档：  
https://www.typescriptlang.org/docs/handbook/basic-types.html

1、高级类型  
union 组合类型

Nullable 可空类型

Literal 预定义类型

2、tuple（元组）  
（1）声明  
        let person:\[number,string\] = \[1,'马龙'\]

（2）说明  
        是一个固定长度，固定类型的数组

（3）注意事项  
        ①使用元组.push 可以突破元组界限，无限度添加长度  
        ②声明一个元组的时候一定要指明类型，不指明类型就是一个普通数组

3、联合(Union)和字面量(Literal)类型

let union1 :string | number | boolean   //只能用这几个类型

let union2 :0|1|2   //确定了范围

4、枚举（Enum）  
enum Color \{  
    red,  
    green,  
    blue  
\}  
let color = Color.blue // 2

enum Color2 \{  
    red=5,  
    green='grean,  
    blue  
\}  
let coloe 2 = Color2.grean  //grean

**1-2、类型适配(类型断言)**  
let msg :any  
msg = "abc  
let d1 = (<string>msg).endsWith("c")  
let d2 = (msg as string).endsWith('d')  
须对自己代码类型有绝对的信心才使用

**1-3、函数类型**  
let log = function(msg)\{  
    consloe.log(msg);  
\}

let log2 = (msg:String) => consloe.log(msg)

//加上?代表这个参数可选；也可输入默认值,必须在最后  
let log3 = (msg:String,code? :number) => \{  
     console.log(msg,code)  
\}

注意事项:  
       使用var声明变量，变量将在这个代码块中一直存在

发表评论取消回复

表情：

评论列表（有 0 条评论，379人围观）

还没有评论，来说两句吧...

相关阅读

相关 TypeScript---TypeScript中的数据类型

TypeScript中的数据类型 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9

港控/mmm°/ 2022年11月14日 10:09/ 0 赞/ 255 阅读

相关 TypeScript 类型注解

TypeScript 里的类型注解是一种轻量级的为函数或变量添加约束的方式。举例：给 sayHi 函数的参数 str 添加 : string 类型注解，如下：

柔情只为你懂/ 2022年11月03日 14:29/ 0 赞/ 256 阅读

相关 TypeScript之高级类型record

interface CatInfo { age: number; breed: string; } type Ca

灰太狼/ 2022年09月04日 06:49/ 0 赞/ 183 阅读

相关【TypeScript专题】之类型断言

【TypeScript 专题】之类型断言 > 断言是编程术语，表示为一些布尔表达。—— [百度百科][Link 1] 系列文章，收藏不走丢哦类型断言（Type As

朴灿烈づ我的快乐病毒、/ 2022年09月04日 00:55/ 0 赞/ 470 阅读

相关 TypeScript之类型

1-1、类型 boolean string number array tuple（元组） enum（枚举） null undefined object void never

谁践踏了优雅/ 2022年09月04日 00:49/ 0 赞/ 380 阅读

相关【Typescript专题】之类型进阶

【Typescript专题】之类型进阶 > 本篇文章是《Typescript 专题》第一篇，本篇文章主要聊一聊基本类型相关的扩展，毕竟随着文章的加深，我在阅读官方文档的时

ゝ一世哀愁。/ 2022年09月02日 13:57/ 0 赞/ 227 阅读

相关 TypeScript学习之 -- 高级类型

交叉类型交叉类型是将多个类型合并为一个类型。这让我们可以把现有的多种类型叠加到一起成为一种类型，它包含了所需的所有类型的特性。例如，`Person & Loggab

深藏阁楼爱情的钟/ 2022年01月06日 14:33/ 0 赞/ 287 阅读

相关 TypeScript - 类型断言

类型断言（Type Assertion）可以用来手动指定一个值的类型。语法： <类型>值或值 as 类型在 tsx 语法（React 的 jsx 语法的 ts

- 日理万妓/ 2021年12月16日 23:59/ 0 赞/ 438 阅读

相关 TypeScript - 联合类型

联合类型（Union Types）表示取值可以为多种类型中的一种。 let myFavoriteNumber: string | number; myFavo

落日映苍穹つ/ 2021年12月16日 23:57/ 0 赞/ 394 阅读

相关 013 --TypeScript之高级类型

交叉类型可以简单理解为将多个类型合并成一个类型 function extend<T, U>(first: T, second: U): T & U { l

我就是我/ 2021年11月14日 14:48/ 0 赞/ 306 阅读