TS学习01-基本数据类型

这篇具有很好参考价值的文章主要介绍了TS学习01-基本数据类型。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

基础类型

布尔值
let isShow:boolean = true
数字
let decLiteral: number = 6;
字符串
let name: string = "bob";
数组

第一种: 在元素类型后面接上[]

let arr number[] = [1,2,3]

第二种 数组泛型-Array元素类型

let arr Arraynumber = [1,2,3]

元组 Tuple

表示一个已知元素数量和类型的数组·

let arr: [string, number]
a = ['RenNing', 18]

当访问越界元素,会使用联合类型代替

arr[1] = 18
arr[3] = 'world'  //(string  number) 类型
arr[4] = true //报错
枚举 enum

JavaScript标准数据类型的一个补充。

enum Color {Red, Green, Blue}
let c: Color = Color.Green 1

默认从 0开始为元素编号;可以手动指定成员值

enum Color{Red = 3, Green, Blue = 8}
let c: Color = Color.Green //4

通过枚举的值获取他的名字

let colorName: string = Color[3] //red
Any任意值
unknown 类型

有类型校验

let n: nuknown
n = 1
n = '2'
n = [10]
n.toFixed(2) //报错,除非 赋值的为数字类型
空值Void

void类型像是与any类型相反,它表示没有任何类型。

当一个函数没有返回值时,你通常会见到其返回值类型是 void

声明一个void类型的变量没有什么大用,因为你只能为它赋予undefinednull

Null 和 Undefined
let u: undefined = undefined;
let n: null = null;

默认情况下nullundefined是所有类型的子类型。

可以把 nullundefined赋值给number类型的变量。

let anumber = null

当指定了--strictNullChecks标记,nullundefined只能赋值给void和它们各自

在某处你想传入一个 stringnullundefined,你可以使用联合类型string null undefined

Never类型

表示永不存在的值的类型

例如, never类型是那些总是会抛出异常或根本就不会有返回值的函数表达式或箭头函数表达式的返回值类型;

never类型是任何类型的子类型,也可以赋值给任何类型;然而,没有类型是never的子类型或可以赋值给never类型

function error(message: string): never {
    throw new Error(message)
}
类型断言

形式一: “尖括号”语法

let someValue: any = 'this.is a string'
let strLength: number = (<string>someValue).length

形式二: as语法文章来源地址https://www.toymoban.com/news/detail-634150.html

let strLength: number = (someValue as string).length;

到了这里,关于TS学习01-基本数据类型的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【TypeScript】TS类型声明(二)

    🐱个人主页: 不叫猫先生 🙋‍♂️作者简介:前端领域新星创作者、华为云享专家、阿里云专家博主,专注于前端各领域技术,共同学习共同进步,一起加油呀! 💫系列专栏:vue3从入门到精通、TypeScript从入门到实践 📝个人签名:不破不立 TypeScript从入门到实践专栏 是博

    2024年01月20日
    浏览(40)
  • 【TypeScript】TS条件类型(十)

    🐱 个人主页: 不叫猫先生 🙋‍♂️ 作者简介:2022年度博客之星前端领域TOP 2,前端领域优质作者、阿里云专家博主,专注于前端各领域技术,共同学习共同进步,一起加油呀! 💫优质专栏:vue3从入门到精通、TypeScript从入门到实践 📢 资料领取:前端进阶资料以及文中源

    2023年04月11日
    浏览(44)
  • 【TypeScript】TS类型守卫(六)

    🐱个人主页: 不叫猫先生 🙋‍♂️作者简介:前端领域优质创作者、阿里云专家博主,专注于前端各领域技术,共同学习共同进步,一起加油呀! 💫系列专栏:vue3从入门到精通、TypeScript从入门到实践 📝个人签名:不破不立 📢资料领取:前端进阶资料以及文中源码可以

    2024年02月22日
    浏览(42)
  • 【TypeScript】TS接口interface类型(三)

    一、前言 TypeScript的核心原则之一是对值所具有的结构进行类型检查。 它有时被称做“鸭式辨型法”或“结构性子类型化”。 在TypeScript里,接口的作用就是为这些类型命名和为你的代码或第三方代码定义契约。这些方法都应该是抽象的,需要由具体的类去实现,然后第三方

    2024年02月14日
    浏览(43)
  • TypeScript基础篇 - TS日常类型 上篇

    目录 TS的常见用法介绍  example01.ts 逃避类型检查:any 思考一下~:不知道类型 类型标注 函数(参数和返回值) 匿名函数 TS如何知道匿名函数的类型? TS是一种标注式语言,不侵入JS的设计 文章内容 基础类型、数组 any/unkown 类型标注 函数 对象类型 联合 别名 接口 断言 字面

    2024年02月16日
    浏览(56)
  • 【TypeScript】TS类型断言-类型的声明和转换(五)

    🐱个人主页: 不叫猫先生 🙋‍♂️作者简介:前端领域新星创作者、华为云享专家、阿里云专家博主,专注于前端各领域技术,共同学习共同进步,一起加油呀! 💫系列专栏:vue3从入门到精通、TypeScript从入门到实践 📝个人签名:不破不立 📢资料领取:前端进阶资料以

    2024年02月22日
    浏览(37)
  • vite 生成 TypeScript 的类型定义( d.ts )

    核心是 emitDeclarationOnly , declarationDir , declaration 也可以通过 tsc 命令 传入这些参数, 生成 d.ts

    2024年02月14日
    浏览(40)
  • ts学习02-数据类型

    布尔类型(boolean) 数字类型(number) 字符串类型(string) 数组类型(array) 元组类型(tuple) 枚举类型(enum) 任意类型(any) null 和 undefined void类型 never类型 Boolean类型包含两个逻辑值,分别是true和false。 Number类型表⽰⼀个数字。不详细区分整数类型、浮点数类型以及带符

    2024年02月05日
    浏览(35)
  • TypeScript 中的 .d.ts 文件:加强类型支持,提升开发效率

    1.引言 什么是 .d.ts 文件 当我们使用 TypeScript 开发时,类型声明是非常重要的。它们提供了代码的静态类型检查和智能提示,以增强代码的可读性、可维护性和可靠性。然而,对于已有的 JavaScript 库或自定义模块,它们可能不包含类型声明信息。这就导致在使用这些库或模块

    2024年02月15日
    浏览(48)
  • 面试题-TS(二):如何定义 TypeScript 中的变量和函数类型?

    面试题-TS(二):如何定义 TypeScript 中的变量和函数类型? 一、 变量类型的定义 在TypeScript中,我们可以使用冒号(:)来指定变量的类型。以下是一些常见的变量类型: 布尔类型(boolean):表示true或false的值。 数字类型(number):表示数字值。 字符串类型(string):表示文本值

    2024年02月15日
    浏览(39)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包