广告
返回顶部
首页 > 资讯 > 精选 >Typescript中数据类型的示例分析
  • 900
分享到

Typescript中数据类型的示例分析

2023-06-29 16:06:56 900人浏览 安东尼
摘要

这篇文章将为大家详细讲解有关typescript中数据类型的示例分析,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。是什么typescript和javascript几乎一样,拥有相同的数据类型,另外在jav

这篇文章将为大家详细讲解有关typescript中数据类型的示例分析,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

    是什么

    typescript和javascript几乎一样,拥有相同的数据类型,另外在javascript基础上提供了更加实用的类型供开发使用。

    在开发阶段,可以为明确的变量定义为某种类型,这样typescript就能在编译阶段进行类型检查,当类型不符合预期结果的时候则会出现错误提示

    有哪些

    typescript的数据类型主要有如下:

    • boolean(布尔类型)

    • number(数字类型)

    • string(字符串类型)

    • array(数组类型)

    • tuple(元组类型)

    • enum(枚举类型)

    • any(任意类型)

    • null和undefined类型

    • void类型

    • never类型

    • object(对象类型)

    boolean

    let flag:boolean = true;flag = 123;    // 错误flag = false;  // 正确

    number

    数字类型,和javascript一样,typescript的数值类型都是浮点数,可支持二进制、八进制、十进制和十六进制。

    let num:number = 123;num = '456';   // 错误num = 456;     // 正确

    进制表示:

    let decLiteral:number = 6; // 十进制let hexLiteral:number = 0xfood; // 十六进制let binaryLiteral:number = 0b1010; // 二进制let octalLiteral:number = 0o744; // 八进制

    string

    字符串类型,和javascript一样,可以使用双引号(")或单引号(')表示字符串

    let str:string = 'this is ts';str = 'test';

    作为超集,当然也可以使用模板字符串进行包裹,通过${}嵌入变量

    let name:string = `Gene`;let sentence:string = `Hello, my name is ${name}`

    array

    数组类型,跟javascript一致,通过[]进行包裹,有两种写法:

    方式一:元素类型后面接上[]

    let arr:string[] = ['12','23'];arr = ['45','56'];

    方式二:使用数组泛型,Array<元素类型>:

    let arr:Array<number> = [1,2];arr = ['45','55'];

    tuple

    元组类型,允许表示一个已知元素和类型的数组,各元素的类型不必相同

    let tupleArr:[number,string,boolean];tupleArr = [12,'34',true]; // yestupleArr = [12,'34']; // no

    enum

    enum类型是对javascript标准数据类型的一个补充,使用枚举类型可以为一组数值赋予友好的名字

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

    any

    可以指定任何类型的值,在编程阶段还不清楚类型的变量指定一个类型,不希望类型检查器对这些值进行检查而是直接让它们通过编译阶段的检查,这时候可以使用any类型

    使用any类型允许被赋值为任意类型,甚至可以调用其属性、方法

    let num:any = 123;num = 'str';num = true;

    定义存储各种类型数据的数组时,示例代码如下:

    let arrayList:any[] = [1,false,'fine'];arrayList[1] = 100;

    null和undefined

    在javascript中null表示 “什么都没有”,是一个只有一个值的特殊类型,表示一个空对象引用,而undefined表示一个没有设置值的变量。

    默认情况下null和undefined是所有类型的子类型,就是说你可以把null和undefined赋值给number类型的变量

    let num:number | undefined; // 数值类型或者undefinedconsole.log(num); // 正确num = 123; console.log(num); // 正确

    但是ts配置了--strictNullChecks标记,null和undefined只能赋值给void和它们各自

    void

    用于标识方法返回值的类型,表示该方法没有返回值。

    function hello():void {    alert('Hello Runoob')}

    never

    never是其他类型(包括null和undefined)的子类型,可以赋值给任何类型,代表从不会出现的值,

    但是没有类型是never的子类型,这意味着生命never的变量只能被never类型所赋值。

    never类型一般用来指定哪些总是会抛出异常,无限循环

    let a:never;a = 123; // 错误的写法a = (() => { // 正确的写法    throw new Errow('错误')})()// 返回的never的函数必须存在无法达到的终点function error(message:string): never {    thorw new Error(message);}

    object

    对象类型,非原始类型,常见的形式通过{}进行包裹

    let obj:object;obj = {name:'Zhang',age:23};

    关于“Typescript中数据类型的示例分析”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。

    --结束END--

    本文标题: Typescript中数据类型的示例分析

    本文链接: https://www.lsjlt.com/news/325671.html(转载时请注明来源链接)

    有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

    本篇文章演示代码以及资料文档资料下载

    下载Word文档到电脑,方便收藏和打印~

    下载Word文档
    猜你喜欢
    • Typescript中数据类型的示例分析
      这篇文章将为大家详细讲解有关Typescript中数据类型的示例分析,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。是什么typescript和javascript几乎一样,拥有相同的数据类型,另外在jav...
      99+
      2023-06-29
    • TypeScript中基本数据类型的示例分析
      这篇文章主要为大家展示了“TypeScript中基本数据类型的示例分析”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“TypeScript中基本数据类型的示例分析...
      99+
      2022-10-19
    • TypeScript数据类型中模板字面量的示例分析
      这篇文章主要为大家展示了“TypeScript数据类型中模板字面量的示例分析”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“TypeScript数据类型中模板字面...
      99+
      2022-10-19
    • TypeScript类型声明书写的示例分析
      这篇文章主要介绍TypeScript类型声明书写的示例分析,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!基本类型 // 变量  const n...
      99+
      2022-10-19
    • JavaScript中数据类型的示例分析
      这篇文章主要介绍JavaScript中数据类型的示例分析,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!一,数据类型以下内容基于ES5(ES6引入了一种新的原始数据类型Symbol,表...
      99+
      2022-10-19
    • TypeScript中的递归类型示例解析
      目录正文什么是递归类型?示例1:树形结构示例2:链表总结正文 在这篇博客中,我们将深入探讨TypeScript中的递归类型。递归类型是一种非常强大的功能,它允许我们对具有自相似结构...
      99+
      2023-05-14
      TypeScript递归类型 TypeScript 类型
    • redis数据类型的示例分析
      这篇文章主要介绍redis数据类型的示例分析,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!Redis支持5种数据类型,它们描述如下:Strings - 字符串Redis的字符串是字节...
      99+
      2022-10-18
    • javascript数据类型的示例分析
      这篇文章将为大家详细讲解有关javascript数据类型的示例分析,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。1. undefined 和 nullundefined是...
      99+
      2022-10-19
    • TypeScript类型使用示例剖析
      目录JavaScript的内置类型 VS TypeScript内置类型元祖接口interfaceinterface和type有什么区别?枚举怎么让Babel支持const enum字...
      99+
      2023-05-18
      TypeScript类型剖析 TypeScript 类型示例
    • js数据类型之数字类型的示例分析
      这篇文章主要介绍了js数据类型之数字类型的示例分析,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。我们具体介绍一下js的数据类型其中一种。一、...
      99+
      2022-10-19
    • PHP数据类型之NULL型的示例分析
      这篇文章给大家分享的是有关PHP数据类型之NULL型的示例分析的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。1:什么是NULL?对于MULL这个单词来说,他代表着空,并非是错误(false)以及0,也不是我们常用...
      99+
      2023-06-15
    • python列表中数据类型的示例分析
      这篇文章给大家分享的是有关python列表中数据类型的示例分析的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。python的五大特点是什么python的五大特点:1.简单易学,开发程序时,专注的是解决问题,而不是搞...
      99+
      2023-06-14
    • JavaScript中变量、数据类型的示例分析
      小编给大家分享一下JavaScript中变量、数据类型的示例分析,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!1 如何声明变量变...
      99+
      2022-10-19
    • C语言中数据类型的示例分析
      这篇文章将为大家详细讲解有关C语言中数据类型的示例分析,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。(壹) 数据类型介绍前面我们已经学习了基本的内置类型,以及他们所占存储空间的大小。:类型的意义...
      99+
      2023-06-29
    • Pytorch张量数据类型的示例分析
      Pytorch张量数据类型的示例分析,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。1.python 和 pytorch的数据类型区别在PyTorch中无法展示字符串,因此表达字...
      99+
      2023-06-25
    • Java数据类型转换的示例分析
      这篇文章将为大家详细讲解有关 Java数据类型转换的示例分析,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。 Java数据类型转换1.Java的简单类型及其封装器类⑴Java简单类型与封装类我们知...
      99+
      2023-06-17
    • JavaScript数据类型转换的示例分析
      这篇文章主要介绍JavaScript数据类型转换的示例分析,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!JS数据类型在 JavaScript 语言中数据类型分为2大类:基本数据类型和复杂数据类型基本数据类型有:num...
      99+
      2023-06-15
    • Typescript中函数类型及示例详解
      目录常见写法 可选参数 默认参数 剩余参数数组类型的剩余参数 元组类型的剩余参数解构参数重载函数 构造函数类型字面量不给参数定义类型...
      99+
      2023-01-05
      Typescript中函数类型 Typescript函数类型 Typescript数据类型
    • TypeScript类型系统自定义数据类型教程示例
      目录TypeScript 类型系统和自定义数据类型什么是类型系统函数类型类型别名可选参数默认参数函数重载接口类型可选属性只读属性接口扩展多重接口声明接口的索引签名用接口描述函数类类型...
      99+
      2022-11-16
      TypeScript自定义数据类型 TypeScript类型系统
    • Typescript中的数据类型实例总结
      目录是什么有哪些booleannumberstringarraytupleenumanynull和undefinedvoidneverobject总结是什么 typescript和j...
      99+
      2022-11-13
    软考高级职称资格查询
    编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
    • 官方手机版

    • 微信公众号

    • 商务合作