广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >TypeScript 安装使用及基本数据类型
  • 674
分享到

TypeScript 安装使用及基本数据类型

2024-04-02 19:04:59 674人浏览 八月长安
摘要

第一步 全局安装typescript 使用 npm 安装 npm install -g typescript 使用cnpm 安装 cnpm install -g types

第一步 全局安装typescript

使用 npm 安装


npm install -g typescript

使用cnpm 安装


cnpm install -g typescript

使用yarn安装


yarn global add typescript

第二步 初始化TypeScript

初始化typescript

vscode里面 终端 >> 运行生成任务 >> tsc:监视tsconfig.JSON

监视

接下来就可以开始我们的typescript旅程了~

TypeScript 的 基本数据类型


// 布尔类型 boolean 数字类型 number 字符串类型 string 数组类型 array 元组类型 tuple 枚举类型 enum 任意类型 any void 类型 never 类型

// 布尔类型
let flag:boolean = true
console.log(flag) //true
 
// 数字类型 
let num:number = 11234
console.log(num) // 112
 
// 字符串类型 
let str:string = 'str str str~'
let str1:string = `hello this is string ${ num }` // 同样支持模版字符串
console.log(str) // str str str~

// 数组类型
// type1 可以在元素类型后面接上[],表示此类型元素组成的一个数组
let list:number[] = [1,2,3]
let list1:string[] = ['a','b','c']
// type2 使用数组泛型, Array<元素类型>
let list3:Array<number> = [1,2,3]
let list4:Array<string> = ['a','b','c']

//元组类型 Tuple
元组类型允许表示一个已知元素数量和类型的数组,各个元素的类型可以不一样、
let x:[ string, number ]
let y:[ number, string ]
x = [ 1, 'a' ] // error
x = [ 'a', 1 ] // true 
y = [ 1,'a' ] // true
// 当访问一个越界的元素,会使用联合类型替代:
x[3] = 'yuejie' // success 字符串支持 ( string | number ) 类型
x[4] = true // error 布尔不是 ( string | number ) 类型

// 枚举 
enum Color { blue, red, orange }
enum Flag { success = 1, error = 2 }
enum Color1 { blue, red = 4, orange, green }
let c:Color = Color.red // 0
let result:Flag = Flag.success // 1
let d:Color1 = Color1.orange // 5 
let e:Color1 = Color1.blue // 0

// 任意类型 Any
// 躲避强类型语言检测,不知道用户动态输入的什么值的时候。可以使用any类型进行标记

let notSure:any = 4
notSure = 'this is any' // ok
notSure = true // ok
let list0:any[] = [1,true,'free']
list0[2] = 1 //ok 不指定类型
 
// Void 类型
// 表示没有任何类型。当一个函数没有返回值的时候,通常会见到其返回值类型是 void
function user():void { console.log( 'this is void' ) } // 没有返回值
function user1 ():number { return 123 } // 返回的是number 类型
let user2:void = undefined | null // 没啥用只能配没啥用的undefined 和 null 

// Null 和 Undefined 不解释了
let u: undefined = undefined;
let n: null = null;

// Never never类型表示的是那些永不存在的值的类型。never类型是那些总是会抛出异常或根本就不会有返回值的函数表达式或箭头函数表达式的返回值类型
let neve:never
neve = 123 // error
// 返回never的函数必须存在无法达到的终点
neve = (() => { throw new Error('err') })() // success
function loop(): never {
 while (true) {  }
}

// PS 今天的教程暂时到此为止,后续更新object类型 

到此这篇关于TypeScript 安装使用及基本数据类型的文章就介绍到这了,更多相关TypeScript 基本数据类型内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

--结束END--

本文标题: TypeScript 安装使用及基本数据类型

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

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

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

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

下载Word文档
猜你喜欢
  • TypeScript 安装使用及基本数据类型
    第一步 全局安装TypeScript 使用 npm 安装 npm install -g typescript 使用cnpm 安装 cnpm install -g types...
    99+
    2022-11-11
  • Redis安装及基本数据类型
    本文讲述了Redis安装及基本数据类型,小编觉得挺不错的,感兴趣的小伙伴们可以参考一下,具体如下 安装1.阿里云CentOS 1.进入到centos系统,输入wget ,下载好目前最新版的Redis,下载过...
    99+
    2022-10-18
  • Python安装与基本数据类型
     人生苦短,我选Python。 Python比其他的语言来说真的简洁多了,很多时候想做的东西都有对应的模块可以导入,平时玩点小东西真心不错。 首先讲一下安装,其实没什么好讲的,点点点点点,完事。 这里的Add Python 3.7 to ...
    99+
    2023-01-31
    数据类型 Python
  • TypeScript基本数据类型实例详解
    目录TypeScript 介绍类型分配类型推导数组元组objectnull 和 undefined特殊类型anyunknownnevervoidTypeScript 介绍 Type...
    99+
    2023-01-30
    TypeScript 基本数据类型 TypeScript 数据类型
  • TypeScript中基本数据类型的示例分析
    这篇文章主要为大家展示了“TypeScript中基本数据类型的示例分析”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“TypeScript中基本数据类型的示例分析...
    99+
    2022-10-19
  • [MySQL]基本数据类型及表的基本操作
    哈喽,大家好!我是保护小周ღ,本期为大家带来的是 MySQL 数据库常用的数据类型,数据表的基本操作:创建、删除、修改表,针对修改表的结构进行了讲解,随后是如何向数据表中添加数据,浅浅的提了一下表中数据的查询,更多相关...
    99+
    2023-08-31
    mysql 数据库 服务器 Powered by 金山文档
  • TypeScript基本类型之typeof和keyof怎么使用
    本文小编为大家详细介绍“TypeScript基本类型之typeof和keyof怎么使用”,内容详细,步骤清晰,细节处理妥当,希望这篇“TypeScript基本类型之typeof和keyof怎么使用”文章能帮助大家解决疑惑,下面跟着小编的思路...
    99+
    2023-07-05
  • MySQL数据库以及基本的数据类型
    day01 MySQL数据库及数据类型一、MySQL概述:    MySQL数据库是一个关系型数据库,是目前流行的开源代码数据库,是完全网络化的跨平台的关系...
    99+
    2022-10-18
  • java基本数据类型和包装类介绍
    这篇文章主要介绍“java基本数据类型和包装类介绍”,在日常操作中,相信很多人在java基本数据类型和包装类介绍问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”java基本数据类型和包装类介绍”的疑惑有所帮助!...
    99+
    2023-06-03
  • Python基本数据类型及内置方法
    目录一 引子二 数字类型int与float2.1 定义2.2 类型转换2.3 使用三 字符串3.1 定义3.2 类型转换3.3 使用3.3.1 优先掌握的操作3.3.2 需要掌握的操...
    99+
    2022-11-10
  • Python的基本数据类型有哪些及怎么使用
    本文小编为大家详细介绍“Python的基本数据类型有哪些及怎么使用”,内容详细,步骤清晰,细节处理妥当,希望这篇“Python的基本数据类型有哪些及怎么使用”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深...
    99+
    2022-10-19
  • Go语言特点及基本数据类型使用详解
    目录一、Golang 简介1.Go 语言的特点2.Golang 的变量作用域3.Golang 执行流程的两种方式二、Golang 的基本操作1.在 Linux 上安装 Golang ...
    99+
    2022-11-13
  • Go语言特点及基本数据类型怎么使用
    这篇文章主要介绍“Go语言特点及基本数据类型怎么使用”,在日常操作中,相信很多人在Go语言特点及基本数据类型怎么使用问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Go语言特点及基本数据类型怎么使用”的疑惑有所...
    99+
    2023-06-29
  • python六种基本数据类型及常用函数展示
    目录number(数字)Number类型常用的函数随机数importrandomstring(字符串)字符串常用的函数list(列表)列表的常用函数set(集合)tuple(元组)d...
    99+
    2022-11-12
  • js基本数据类型和引用数据类型的区别
    本篇内容主要讲解“js基本数据类型和引用数据类型的区别”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“js基本数据类型和引用数据类型的区别”吧!基本数据类型和引用...
    99+
    2022-10-19
  • JavaScript基本数据类型和引用数据类型是什么
    本篇内容主要讲解“JavaScript基本数据类型和引用数据类型是什么”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“JavaScript基本数据类型和引用数据类...
    99+
    2022-10-19
  • JAVA基本类型包装类 BigDecimal BigInteger 的使用
    目录1、了解包装类2、Integer3、Double4、BigDecimal5、BigInteger1、了解包装类 Java 中预定义了八种基本数据类型,包括:byte,int,lo...
    99+
    2022-11-12
  • Java基础之详解基本数据类型的使用
    一、整型 主要扩展一下不同进制的整型 二进制、八进制、十进制、十六进制 * 二进制 : 0B(数字零+B) 0b(数字零+b) * 八进制 :0(数字零开头) * 十进制 :正常写...
    99+
    2022-11-12
  • Redis安装启动及常见数据类型
    Redis 简介 Redis 是我们在互联网应用中使用最广泛的一个 NoSQL 数据库,基于 C 开发的键值对存储数据库。 Redis 这个名字是 Remote Dictionary...
    99+
    2022-11-12
  • Mac下Jmeter安装及基本使用
    本篇文章只是简单的介绍下Jmeter的下载安装和最基本使用 1、初识Jmeter 前一段时间客户端app自测的过程中,有偶现请求某个接口返回数据为空的问题,领导让我循环100次请求这个接口,看看有没有...
    99+
    2023-10-24
    macos jmeter
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作