typescript类型检查和原始类型

2024-05-03 14:04

本文主要是介绍typescript类型检查和原始类型,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

typescript类型检查和原始类型

类型检查

非严格类型是typescript默认的类型检查模式,在该模式下,类型检查的规则相对轻松,不会对undefined和null值做过多的限制,允许将undefined和null值赋给string类型的变量。进行JavaScript代码到typescript的迁移工作的时候,严格类型检查是一个不错的选择
严格类型检查不允许将undefined和null值赋值给string类型的变量,启用严格类型检查模式能够最大限度的利用typescript静态检查带来的益处。使用严格类型检查模式对提高代码质量更有利。

原始类型

boolean

const y: boolean = true
const n: boolean = false

string

typescript中的string类型对应JavaScript中的string原始类型

const foo:string = 'foo'

number

typescript中的number对应JavaScript的number。能够采用双精度64位二进制浮点数格式存储的数字

// 二进制数
const bin: number = 0b1010
// 八进制数
const oct: number = 0o744
// 十进制
const interget: number = 10
const float: number = 3.14
// 十六进制
const hex: number = 0xffffff

bigint

表示任意精度的整数。

// 二进制数
const bin: bigint = 0b1010
// 八进制数
const oct: bigint = 0o744
// 十进制
const interget: bigint = 10
// 十六进制
const hex: bigint = 0xffffff

symbol 和unique symbol

对应的是JavaScript中的Symbol类型

const key: symbol = Symbol()
const symbolHasInstance: symbol = Symbol.hasInstance
const s1: symbol = Symbol.for('foo')

为了将一个symbol值作为固定值的字面量,typescript引入unique symbol表示

const s0: unique symbol = Symbol()
const s1: unique symbol = Symbol.for('s1')
  1. unique symbol 类型的主要用途是用作接口,类等类型的可计算属性名
    如果可计算属性名在接口中添加了一个类型成员。类型成员的名字必须是固定的,否则接口定义将会失去意义。symbol类型的常量y不能作为接口的类型成员。
    const x: unique symbol = Symbol()
    const y: symbol = Symbol()
    interface Foo {[x]:string;[y]: string // error 必须使用unique symbol
    }
    
  2. typescript只允许用const声明或者readonly属性声明来定义unique symbol类型的值
    实际上,unique symbol类型的涉及初衷是作为一种变通方法,让一个symbol值具有字面量的类型,表示一个固定的值
    typescript选择将一个symbol值和声明它的标识符绑定在一起,通过绑定改symbol值的标识符来标识symbol字面量,这种设计保证了symbol值的和标识符之间的绑定关系是不可变的。
    const a: unique symbol = Symbol()
    interface WithUniqueSymbol {readonly b: unique symbol;
    }
    class C {static readonly c: unique symbol = Symbol()
    }
    
  3. unique symbol类型的值只允许用Symbol()函数或者Symbol.for()方法的返回值进行初始化。
    const a: unique symbol = Symbol()
    const b: unique symbol = Symbol('adb')const c: unique symbol =  a // error
    const d: unique symbol = b //error
    
    这种相同的参数调用Symbol.for()方法实际上返回的是相同的symbol值。可能出现unqiue symbol类型的值实际上是同一个symbol值的情况。
    const a :unique symbol = Symbol.for('same')
    const b: unique symbol = symbol.for('same')
    
    编译器不会报错,开发者得自己留意
    在设计上,unique symbol类型都是一中特定的类型。在不同的unique symbol类型之间不允许相互赋值,在比较两个unique symbol的类型的值,返回的永远都是fasle
    const a: unique symbol = Symbol()
    const b: unique symbol = Symbol()
    if (a === b) { // error
    return true
    }
    return false 
    
  4. unique symobl是symbol类型的子类型,可以将unique symbol类型的值赋值给symbol类型
    const a: unique symbol = Symbol()
    const b: symbol = a
    
  5. 类型推断
    // a和b均为symbol类型,没有const声明
    let a = Symbol() 
    let b = Symbol.for('')
    // c和d均为unique symbol 类型
    const c = Symbol()
    const d = Symbol.for() 
    // e和f均为symbol类型
    const e = a
    const f = a
    

Nullable

指的是值可以为undefined或者null的类型

  1. undefined
    const foo: undefined = undefined
    
  2. null
    const foo: null = null
    
  3. --strictNullChecks
    undefined值和 null值不再能够赋值给不相关的类型。例如,undefined值和null值不允许赋值给string类型。在该模式下,undefined值只能够赋值给undefined类型;同理,null值也只能赋值给null类型。
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

void

void 表示某个值不存在,该类型用作函数的返回值类型。

function log(message: string) : void {console.log(message)
}
  1. --strictNullChecks
    /*** --strictNullChecks = true*/
    function foo(): void { // truereturn undefiend
    }
    function bar(): void { //errorreturn null
    }
    
    /*** --strictNullChecks = false*/ 
    function foo(): void { // truereturn undefiend
    }
    function bar(): void { // truereturn null
    }
    

这篇关于typescript类型检查和原始类型的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/956922

相关文章

Rust中的BoxT之堆上的数据与递归类型详解

《Rust中的BoxT之堆上的数据与递归类型详解》本文介绍了Rust中的BoxT类型,包括其在堆与栈之间的内存分配,性能优势,以及如何利用BoxT来实现递归类型和处理大小未知类型,通过BoxT,Rus... 目录1. Box<T> 的基础知识1.1 堆与栈的分工1.2 性能优势2.1 递归类型的问题2.2

Python如何计算两个不同类型列表的相似度

《Python如何计算两个不同类型列表的相似度》在编程中,经常需要比较两个列表的相似度,尤其是当这两个列表包含不同类型的元素时,下面小编就来讲讲如何使用Python计算两个不同类型列表的相似度吧... 目录摘要引言数字类型相似度欧几里得距离曼哈顿距离字符串类型相似度Levenshtein距离Jaccard相

Go语言中三种容器类型的数据结构详解

《Go语言中三种容器类型的数据结构详解》在Go语言中,有三种主要的容器类型用于存储和操作集合数据:本文主要介绍三者的使用与区别,感兴趣的小伙伴可以跟随小编一起学习一下... 目录基本概念1. 数组(Array)2. 切片(Slice)3. 映射(Map)对比总结注意事项基本概念在 Go 语言中,有三种主要

Redis的Zset类型及相关命令详细讲解

《Redis的Zset类型及相关命令详细讲解》:本文主要介绍Redis的Zset类型及相关命令的相关资料,有序集合Zset是一种Redis数据结构,它类似于集合Set,但每个元素都有一个关联的分数... 目录Zset简介ZADDZCARDZCOUNTZRANGEZREVRANGEZRANGEBYSCOREZ

IDEA如何将String类型转json格式

《IDEA如何将String类型转json格式》在Java中,字符串字面量中的转义字符会被自动转换,但通过网络获取的字符串可能不会自动转换,为了解决IDEA无法识别JSON字符串的问题,可以在本地对字... 目录问题描述问题原因解决方案总结问题描述最近做项目需要使用Ai生成json,可生成String类型

Mysql 中的多表连接和连接类型详解

《Mysql中的多表连接和连接类型详解》这篇文章详细介绍了MySQL中的多表连接及其各种类型,包括内连接、左连接、右连接、全外连接、自连接和交叉连接,通过这些连接方式,可以将分散在不同表中的相关数据... 目录什么是多表连接?1. 内连接(INNER JOIN)2. 左连接(LEFT JOIN 或 LEFT

Redis的Hash类型及相关命令小结

《Redis的Hash类型及相关命令小结》edisHash是一种数据结构,用于存储字段和值的映射关系,本文就来介绍一下Redis的Hash类型及相关命令小结,具有一定的参考价值,感兴趣的可以了解一下... 目录HSETHGETHEXISTSHDELHKEYSHVALSHGETALLHMGETHLENHSET

Python中异常类型ValueError使用方法与场景

《Python中异常类型ValueError使用方法与场景》:本文主要介绍Python中的ValueError异常类型,它在处理不合适的值时抛出,并提供如何有效使用ValueError的建议,文中... 目录前言什么是 ValueError?什么时候会用到 ValueError?场景 1: 转换数据类型场景

C# dynamic类型使用详解

《C#dynamic类型使用详解》C#中的dynamic类型允许在运行时确定对象的类型和成员,跳过编译时类型检查,适用于处理未知类型的对象或与动态语言互操作,dynamic支持动态成员解析、添加和删... 目录简介dynamic 的定义dynamic 的使用动态类型赋值访问成员动态方法调用dynamic 的

零基础学习Redis(10) -- zset类型命令使用

zset是有序集合,内部除了存储元素外,还会存储一个score,存储在zset中的元素会按照score的大小升序排列,不同元素的score可以重复,score相同的元素会按照元素的字典序排列。 1. zset常用命令 1.1 zadd  zadd key [NX | XX] [GT | LT]   [CH] [INCR] score member [score member ...]