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

相关文章

MyBatis中的两种参数传递类型详解(示例代码)

《MyBatis中的两种参数传递类型详解(示例代码)》文章介绍了MyBatis中传递多个参数的两种方式,使用Map和使用@Param注解或封装POJO,Map方式适用于动态、不固定的参数,但可读性和安... 目录✅ android方式一:使用Map<String, Object>✅ 方式二:使用@Param

C# WebAPI的几种返回类型方式

《C#WebAPI的几种返回类型方式》本文主要介绍了C#WebAPI的几种返回类型方式,包括直接返回指定类型、返回IActionResult实例和返回ActionResult,文中通过示例代码介绍的... 目录创建 Controller 和 Model 类在 Action 中返回 指定类型在 Action

python中的鸭子类型详解

《python中的鸭子类型详解》鸭子类型是Python动态类型系统的灵魂,它通过强调“行为”而非“类型”,赋予了代码极大的灵活性和表现力,本文给大家详细介绍python中的鸭子类型,感兴趣的朋友一起看... 目录1. 核心思想:什么是鸭子类型?2. 与“传统”静态类型语言的对比3. python 中无处不在

Java枚举类型深度详解

《Java枚举类型深度详解》Java的枚举类型(enum)是一种强大的工具,它不仅可以让你的代码更简洁、可读,而且通过类型安全、常量集合、方法重写和接口实现等特性,使得枚举在很多场景下都非常有用,本文... 目录前言1. enum关键字的使用:定义枚举类型什么是枚举类型?如何定义枚举类型?使用枚举类型:2.

Python中Json和其他类型相互转换的实现示例

《Python中Json和其他类型相互转换的实现示例》本文介绍了在Python中使用json模块实现json数据与dict、object之间的高效转换,包括loads(),load(),dumps()... 项目中经常会用到json格式转为object对象、dict字典格式等。在此做个记录,方便后续用到该方

python中的显式声明类型参数使用方式

《python中的显式声明类型参数使用方式》文章探讨了Python3.10+版本中类型注解的使用,指出FastAPI官方示例强调显式声明参数类型,通过|操作符替代Union/Optional,可提升代... 目录背景python函数显式声明的类型汇总基本类型集合类型Optional and Union(py

MySQL中查询和展示LONGBLOB类型数据的技巧总结

《MySQL中查询和展示LONGBLOB类型数据的技巧总结》在MySQL中LONGBLOB是一种二进制大对象(BLOB)数据类型,用于存储大量的二进制数据,:本文主要介绍MySQL中查询和展示LO... 目录前言1. 查询 LONGBLOB 数据的大小2. 查询并展示 LONGBLOB 数据2.1 转换为十

MyBatis的xml中字符串类型判空与非字符串类型判空处理方式(最新整理)

《MyBatis的xml中字符串类型判空与非字符串类型判空处理方式(最新整理)》本文给大家介绍MyBatis的xml中字符串类型判空与非字符串类型判空处理方式,本文给大家介绍的非常详细,对大家的学习或... 目录完整 Hutool 写法版本对比优化为什么status变成Long?为什么 price 没事?怎

C#之枚举类型与随机数详解

《C#之枚举类型与随机数详解》文章讲解了枚举类型的定义与使用方法,包括在main外部声明枚举,用于表示游戏状态和周几状态,枚举值默认从0开始递增,也可手动设置初始值以生成随机数... 目录枚举类型1.定义枚举类型(main外)2.使用生成随机数总结枚举类型1.定义枚举类型(main外)enum 类型名字

Python lambda函数(匿名函数)、参数类型与递归全解析

《Pythonlambda函数(匿名函数)、参数类型与递归全解析》本文详解Python中lambda匿名函数、灵活参数类型和递归函数三大进阶特性,分别介绍其定义、应用场景及注意事项,助力编写简洁高效... 目录一、lambda 匿名函数:简洁的单行函数1. lambda 的定义与基本用法2. lambda