ts变量类型和编译文件tsconfig.json简单配置

摘要:
1.在ts文件中,您可以在定义变量时指定变量的类型。稍后,当您为变量赋值时,它只能是已定义的类型,但默认情况下,它将成功编译。2.如果同时执行变量的声明和赋值,则默认情况下,ts将定义变量初始值的类型。3.定义函数参数的类型和返回值。4.类型类型示例描述了number1,但是,您可以通过|(关闭ts类型检测)定义多个文本任意类型的*。

基础:

1、typescript是JavaScript的超集,支持js的所有语法

2、typescript不能运行在浏览器,需要使用编译器编译后使用

3、全局安装typescript编译器

npm install -g typescript

4、编译typescript文件(01ts.ts)

tsc 01ts.ts

  编译过程中不报错即成功,同级目录下会有一个 01ts.js文件

变量类型:

1、ts文件中可以在定义变量时指定该变量的类型,后面在给该变量赋值时只能是定义好的类型,否则会报错,编译会报错,但是默认会编译成功

2、如果变量的声明和赋值是同时进行的,那么可以省略对变量类型的定义,ts默认会将初始值的类型定义给该变量

3、定义函数的参数和返回值的类型

ts变量类型和编译文件tsconfig.json简单配置第1张

4、类型

类型例子描述
number1,-33,2.5任意数字
string'hi',"hi",`hi`任意字符串
booleantrue、false布尔值
字面量其本身类似const定义,但是通过 | 可以定义多个字面量
any*任意类型(关闭ts类型检测,和js一样了)
unknown*类型安全的any(类型为unknown的变量不可以赋值给其他类型的变量,当遇到类型不确定时用unknown,不要用any)
void空值(undefined)没有值(函数中return后只能是undefined、null,或者return后没有任何值)
never没有值用于不会返回结果。比较少用,一般用来抛出错误:
  const fn: never = (() => {
    throw new Error('错误')
  })()
object{name: '小明'}任意js对象
array[1,2,3]任意js数组
tuple[4,5]元组,ts新增类型,元素的类型和个数定义时就限定了
enumenum{A,B}枚举,ts新增类型

ts变量类型和编译文件tsconfig.json简单配置第2张

ts变量类型和编译文件tsconfig.json简单配置第3张

ts变量类型和编译文件tsconfig.json简单配置第4张

ts变量类型和编译文件tsconfig.json简单配置第5张

ts变量类型和编译文件tsconfig.json简单配置第6张

ts变量类型和编译文件tsconfig.json简单配置第7张

ts变量类型和编译文件tsconfig.json简单配置第8张

编译:

1、  tsc app.ts  编译app.ts

  tsc app.ts -w  实时编译app.ts

  在文件夹根目录下创建tsconfig.json文件内容为{}时,

  tsc  编译文件夹中所有的ts文件

  tsc -w  实时编译文件夹中所有的ts文件

2、tsconfig.json(创建方式:tsc --init或手动创建)

  ①includes、exclude、extends、files

ts变量类型和编译文件tsconfig.json简单配置第9张

  ②compilerOptions:target、module、lib、outDir、outFile、allowJs、checkJs、removeComments、noEmit、noEmitOnError

ts变量类型和编译文件tsconfig.json简单配置第10张

  ③compilerOptions:strict、alwaysStrict、noImplicitAny、noImplicitThis、strictNullChecks

ts变量类型和编译文件tsconfig.json简单配置第11张

免责声明:文章转载自《ts变量类型和编译文件tsconfig.json简单配置》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇element的form表单中如何一行显示多el-form-item标签使用TPU在PyTorch中实现ResNet50下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

ASP.NET Core 的Windows和IIS宿主(自动翻译记录)

https://docs.microsoft.com/en-us/aspnet/core/publishing/iis?tabs=aspnetcore2x 支持的操作系统 以下操作系统的支持: Windows 7和更新 Windows Server 2008 R2和新† †概念,本文档中描述的IIS配置也适用于托管ASP.NET核心应用纳米服务器IIS...

vue实现文件夹的上传和下载

需求: 支持大文件批量上传(20G)和下载,同时需要保证上传期间用户电脑不出现卡死等体验; 内网百兆网络上传速度为12MB/S 服务器内存占用低 支持文件夹上传,文件夹中的文件数量达到1万个以上,且包含层级结构。 支持PC端全平台操作系统,Windows,Linux,Mac 支持文件和文件夹的批量下载,断点续传。刷新页面后继续传输。关闭浏览器后保留进度信息...

SqlServer查询文件组被占用情况

  在SqlServer中,删除一个文件组 alter database [xxxxx] remove filegroup FGMonthTurnIntroduceByMonth13   有时候会遇到如下报错: 消息 5042,级别 16,状态 12,第 8 行 无法删除 文件组'FGMonthTurnIntroduceByMonth13',因为它不为空...

反编译APK文件的三种方法(转)

因为学习Android编程的需要,有时我们需要对网络上发布的应用项目进行学习,可是Android项目一般是通过APK文件进行发布的,我们看不到源代码,嘿嘿,办法总会有的,而且不止一个...    ps:对于软件开发人员来说,保护代码安全也是比较重要的因素之一,不过目前来说Google Android平台选择了Java Dalvik VM的方式使其程序很容易...

对文件内容就行修改-java代码

在实际的生产中,会遇到数据库版本的不同,sql语句的语法会出现改变, 我在这次的金仓数据库中就遇到了,V8版本的建表语句跟V7版本的不一样,所以需要对里面内容进行修改  从图中我们可以看到到,这个是金仓数据库v8版本导出的建表语句,这个语句在v7版本是不能运行的 我们需要做的就是 在这分享一小段java代码,本人是个菜鸟,大家看到写得不好也请见谅! 首...

redis在linux上部署,Redis服务器搭建/配置/及Jedis客户端的使用方法(java语言)

转自http://my.oschina.net/gccr/blog/307725?fromerr=yX8AifBq   Redis服务器搭建 安装 在命令行执行下面的命令: $ wget http://download.redis.io/releases/redis-2.8.13.tar.gz $ tar xzf redis-2.8.13.tar.g...