返回顶部
首页 > 资讯 > 前端开发 > 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://lsjlt.com/news/121925.html(转载时请注明来源链接)

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

猜你喜欢
  • TypeScript 安装使用及基本数据类型
    第一步 全局安装TypeScript 使用 npm 安装 npm install -g typescript 使用cnpm 安装 cnpm install -g types...
    99+
    2024-04-02
  • Redis安装及基本数据类型
    本文讲述了Redis安装及基本数据类型,小编觉得挺不错的,感兴趣的小伙伴们可以参考一下,具体如下 安装1.阿里云CentOS 1.进入到centos系统,输入wget ,下载好目前最新版的Redis,下载过...
    99+
    2024-04-02
  • 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+
    2024-04-02
  • TypeScript基本类型之typeof和keyof怎么使用
    本文小编为大家详细介绍“TypeScript基本类型之typeof和keyof怎么使用”,内容详细,步骤清晰,细节处理妥当,希望这篇“TypeScript基本类型之typeof和keyof怎么使用”文章能帮助大家解决疑惑,下面跟着小编的思路...
    99+
    2023-07-05
  • [MySQL]基本数据类型及表的基本操作
    哈喽,大家好!我是保护小周ღ,本期为大家带来的是 MySQL 数据库常用的数据类型,数据表的基本操作:创建、删除、修改表,针对修改表的结构进行了讲解,随后是如何向数据表中添加数据,浅浅的提了一下表中数据的查询,更多相关...
    99+
    2023-08-31
    mysql 数据库 服务器 Powered by 金山文档
  • 基本数据类型
    Python支持多种数据类型 在计算机内部,可把任何数据都看成一个对象,而变量就是在程序中用来指向这些数据对象的,对变量赋值就是把数据和变量给关联起来   整数   Python可以处理任意大小的整数,当然包括负整数,在程序中的表示方...
    99+
    2023-01-31
    数据类型
  • MySQL数据库以及基本的数据类型
    day01 MySQL数据库及数据类型一、MySQL概述:    MySQL数据库是一个关系型数据库,是目前流行的开源代码数据库,是完全网络化的跨平台的关系...
    99+
    2024-04-02
  • Python的基本数据类型有哪些及怎么使用
    本文小编为大家详细介绍“Python的基本数据类型有哪些及怎么使用”,内容详细,步骤清晰,细节处理妥当,希望这篇“Python的基本数据类型有哪些及怎么使用”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深...
    99+
    2024-04-02
  • Go语言特点及基本数据类型使用详解
    目录一、Golang 简介1.Go 语言的特点2.Golang 的变量作用域3.Golang 执行流程的两种方式二、Golang 的基本操作1.在 Linux 上安装 Golang ...
    99+
    2024-04-02
  • Go语言特点及基本数据类型怎么使用
    这篇文章主要介绍“Go语言特点及基本数据类型怎么使用”,在日常操作中,相信很多人在Go语言特点及基本数据类型怎么使用问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Go语言特点及基本数据类型怎么使用”的疑惑有所...
    99+
    2023-06-29
  • TypeScript数据类型的作用
    本篇内容介绍了“TypeScript数据类型的作用”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!目录基础类型any类型数组元组Interfa...
    99+
    2023-06-20
  • java基本数据类型和包装类介绍
    这篇文章主要介绍“java基本数据类型和包装类介绍”,在日常操作中,相信很多人在java基本数据类型和包装类介绍问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”java基本数据类型和包装类介绍”的疑惑有所帮助!...
    99+
    2023-06-03
  • Java 基本数据类型
    目录   Java 基本数据类型 内置数据类型 引用类型 Java常量   Java 基本数据类型       变量就是申请内存来存储值。也就是说,当创建变量的时候,需要在内存中申请空间。 内存管理系统根据变量的类型为变量分配存储空间,分...
    99+
    2023-09-24
    python 算法 开发语言
  • Python3 基本数据类型
    Python 中的变量不需要声明。每个变量在使用前都必须赋值,变量赋值以后该变量才会被创建。 在 Python 中,变量就是变量,它没有类型,我们所说的"类型"是变量所指的内存中对象的类型。 等号(=)用来给变量赋值。 等号(=)运算符左...
    99+
    2023-01-30
    数据类型
  • Python基本数据类型
    Numbers (数字) 1、数字数据类型用于存储数值。他们是不可改变的数据类型,这意味着改变数字数据类型会分配一个新的对象。 2、Python支持四种不同的数字类型: int(有符号整型) long(长整型[也可以代表八进制和十六进制...
    99+
    2023-01-31
    数据类型 Python
  • 基本数据类型(二)
      列表是 Python 最常用的数据类型,它是有序元素的集合,元素之间以逗号分隔,用中括号括起来,可以是任何数据类型。同时它也是一种序列,支持索引、切片、加、乘和成员检查等。 数组:数据类型必须一致,有序的元素序列。 列表:Py...
    99+
    2023-01-31
    数据类型
  • Python3基本数据类型
    Python3的基本数据类型 变量不需要提前声明 每个变量使用前必须赋值,赋值之后能会被建立 Python中,变量是没有类型的,这里所说的“类型”是指内存中所存储的对像的类型。 Python中有六种标准数据类型 Number (数字) ...
    99+
    2023-01-31
    数据类型
  • java基本数据类型
    java基本数据类型有:1、byte,用于处理文件和网络传输等字节级别的数据;2、short,可以用于节约内存空间的需求;3、int,使用最广泛的整数类型;4、long,用于处理需要较大值的整数计算;5、float,用于科学计算和需要高精度...
    99+
    2023-08-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作