TypeScript学习笔记之基础类型

从今天开始学习typescript了,记录ts学习点滴,最后,使用ts结合nodejs开发后端应用,一起共勉吧:

typescript最新版本2.6,所有演示代码均基于此版本

开始之前确定安装了如下npm包:

npm i typescript -g    // ts全局包
npm i ts-node -g        // 使用ts-node可以直接运行ts文件

基础类型

布尔类型

let isDone: boolean = false
let isExist: boolean = true
console.log(isDone, isExist)

运行:

控制台执行命令:ts-node dataType.ts

->false true

数值类型(number)

ts的number类型继承了es6的number,额外支持二进制和八进制数值。

let decLiteral: number = 6;   // 十进制
let hexLiteral: number = 0xf00d;    // 16进制
let binaryLiteral: number = 0b1010;   // 二进制
let octalLiteral: number = 0o744;   // 八进制
console.log(decLiteral, hexLiteral, binaryLiteral, octalLiteral)

运行:

6 61453 10 484

字符串类型

let str: string = '我是晁州,我很可爱。。。'
console.log(str);

运行:

我是晁州,我很可爱。。。

模板字符串:

let str: string = '我是晁州,我很可爱。。。'
console.log(str);
let tempString: string = `i am a template str:${str}`
console.log(tempString);

运行:

我是晁州,我很可爱。。。
i am a template str:我是晁州,我很可爱。。。

数组类型

let arr1: Array<number> = [1,2,3,4]   // 使用尖括号形式声明(数组泛型)
console.log(arr1);
let arr2: number[] = [2,3,4,5]      // 使用方括号声明
console.log(arr2);

运行:

[ 1, 2, 3, 4 ]
[ 2, 3, 4, 5 ]

元组类型(Tuple)

元组类型和数组相似,不同的是,元组每一项的数据类型可以不同(数组使用any类型也可以实现每一项类型不同)

每一项的元素类型必须一致,否则编译出错

let tuple1: [string, number, boolean]
tuple1 = ['admin', 34, false]
console.log(tuple1);

运行:

[ 'admin', 34, false ]

枚举类型

ts支持枚举类型,使用如下:

enum Color {red, green, blue}   // 默认从0开始编号,即red=0,可以直接指定red=1开始
let c: Color = Color.red
console.log(c === 0, c === Color.red);

let colorName: string = Color[1]
console.log('Color[1]的name是:', colorName);

运行:

true true
Color[1]的name是: green

any类型

any类型表示任意类型,类似于golang中的interface{}类型,any类型可以赋值任意类型。

let any1: any = 4
console.log(any1);
any1 = false
console.log(any1);
any1 = undefined
console.log(any1);
let anyArr: any[] = [1, true, 'hello']
console.log(anyArr);
let anyArr2: Array<any> = [false, 0x1234, 'world']    // 泛型声明
console.log(anyArr2);

运行:

4
false
undefined
[ 1, true, 'hello' ]
[ false, 4660, 'world' ]

void类型(空类型)

void类型表示没有任何类型,func无返回值时可以使用此类型。

function voidFunc(): void {
  console.log('void function invoked!');
}

voidFunc()

let voidVar: void = undefined   // void类型只能赋值undefined或null
console.log(voidVar);
voidVar = null
console.log(voidVar);

运行:

void function invoked!
undefined
null

undefined和null类型

这两种类型是所有类型的子类型,没毛线用。

let a: undefined = undefined
let b: null = null
console.log(a, b);

let num1: number = 2
console.log(num1);
num1 = a      // undefined或null类型可以被任意类型给赋值,和any恰好相反
console.log(num1);
let c: any
c = 23
console.log(c);

运行:

undefined null
2
undefined
23

never类型

never类型是那些总是会抛出异常,或者根本就不会有返回值的函数返回值类型。

let a: never
let b: string = 'admin'
b = a
console.log(a, b);

function error(msg: string): never {
  throw new Error(msg)
}

function neverFunc(): never{
  while(true){

  }
}

运行:

undefined undefined

类型断言

断言好比其它语言里的类型转换,但是不进行特殊的数据检查和结构。

let someValue: any = 'i am a unknown value'
console.log(someValue.length);
let len: number = (someValue as string).length
console.log(len);

运行:

20
20

今晚就学习到这里了,ps:很多时候自己亲手敲一遍强于看文档十遍!下节继续吧!

我的博客即将同步至腾讯云+社区,邀请大家一同入驻。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏潇涧技术专栏

Builtin Lint Detectors (1)

本文主要介绍的是Lint工具中自带的与Android开发相关的lint检查项,通过查看lint检查项的描述及其代码实现,我发现这里面存在不少应用开发编码的Bes...

501
来自专栏xingoo, 一个梦想做发明家的程序员

MFC中注释含义

下面是 CStdioFile 类的部分列表,其中使用了 MFC 在其类中按类成员的用法划分它们时所采用的大多数标准注释: class CStdioFile :...

1767
来自专栏分布式系统进阶

一个有限状态机的C++实现

我的博客即将搬运同步至腾讯云+社区,邀请大家一同入驻:https://cloud.tencent.com/developer/support-plan?invi...

2195
来自专栏编码小白

tomcat源码解读五 Tomcat中Request的生命历程

     Request在tomcat中是一个非常核心的的实例,下面以NIO为例来解读一下在各个时期下的状态(其实在Tomcat的几种模式中到了这里之后的处理都...

3576
来自专栏大数据钻研

前端编码规范

基本原则 结构、样式、行为分离 统一缩进(建议 两个空格) 文件编码统一 不带BOM的UTF-8 一律使用小写字母 省略外链资源 URL 协议部分(FTP等其他...

2897
来自专栏余生开发

vue-cli脚手架使用

        components:{App}//注册的组件 名称来自import引入时的名字

904
来自专栏Puppeteer学习

Headless Chrome:服务端渲染JS站点的一个方案【中篇】【翻译】防止重新渲染优化

1803
来自专栏安恒信息

s2-029 Apache Struts2 标签远程代码执行分析

>>>> 标签介绍 Struts2标签库提供了主题、模板支持,极大地简化了视图页面的编写,而且,struts2的主题、模板都提供了很好的扩展性。实现了更好的代码...

2606
来自专栏技术小讲堂

ASP.NET AJAX(7)_Microsoft AJAX Library扩展客户端组件继承时需要注意的问题扩展类型如何修改已有类型

首先,延续上一讲的内容,谈一下客户端面向对象类型系统中事件的使用 在C#中定义的一种方式 public class WorkEventArgs:EventArg...

2536
来自专栏空帆船w

Android 编码规范

小驼峰命名(lowerCamelCase):除第一个单词以外,每一个单词的第一个字母大写。

1123

扫码关注云+社区