typeScript阅读笔记-基础类型

Posted daijinjia

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了typeScript阅读笔记-基础类型相关的知识,希望对你有一定的参考价值。

对于ts的阅读笔记,方便自己查看复习。本次记录的是ts的基本类型,ts的基本类型和js是很相似的几乎是相同的,在我个人看来ts就是进行了变量的类型定义,以前用js生成一个变量,我们不知道这个变量的类型是什么,这个变量可以被数字、字符串、数组和对象等等赋值。但使用ts后,编译器就会对变量进行检查,这样就把js这种变量规则更加向Java或c++靠近,这样的话js也可以进一步的实现一些Java和c++等语言特有的东西。

  • 布尔值

boolean,有true和false两个值。
定义的方式:

let test:boolean = true;
  • 数字

number,包括所有的数字,并且不只是十进制还包括了二、八和十六进制。
定义方式:

let testNumber:number = 100;//十进制
let testNumber:number = 0b10101;//二进制
let testNumber:number = 0o2364;//八进制
let testNumber:number = 0xa101;//十六进制
  • 字符串

string
定义方式:

let testString:string = \'content\';

还有模板字符串,具体的操作和js差不多,使用\'`\'。可以用来实现多行文本和内嵌操作。

let one:string = `test`;
let two:string = `this is a ${one}
content!`;
  • 数组

数组不是用单独的一个单词来表示的,它有两种定义方法。
①元素类型+[]
定义方式:

let testArr:number[]=[1,2];//数字组成的数组
let testArr:string[]=[\'this\',\'that\'];//字符串组成的数组

②Array<元素类型>
定义方式:

let testArr:Array<number>=[1,2];
  • 元组

类似于数组,在这个数组里元素的类型不用相同。但是赋值时的变量类型顺序必须要和声明时一致。
定义方式:

let test:[string,number]=[\'hi\',111];正确
let test:[string,number]=[111,\'hi\'];报错
  • 枚举

enum,就是给一组值的每个值一个友好的名字,方便以后的代码编写,比如只给一个1,我们完全不知道它在这里代表的意思是什么,需要结合上下文的代码来得出这个值的含义,但是我们使用枚举,给这个1一个具有含义的名字,那么我们就能很轻松的就知道这个1的含义的了。
定义方式:

enum Test{good,better,best};

如果没给初始值那么默认从0开始,即good=0,better=1,best=2;赋值后,按照赋的值来对应。

  • Any

这种类型是当你不知道具体的类型的时候是可以使用的,我们不想让编译器来检查这个类型,让它直接赋值过来。在只确定一部分数据类型的时候也可以使用这种类型。
定义方法:

let test:any = number|string|...
let arr:any[]={1,222,\'str\'};
  • void类型

void类型和c语言中定义的void函数类型差不多,就是代表无类型,在ts中我们可以给void类型的变量赋值undefined和null。

  • null和undefined也是一种类型,分别就是代表他们自己。通常情况下undefined和null可以赋给其他类型的变量,但是在指定标记后就只能给void或者他们自己。
  • Nerver类型,就是表示永远不存在值的类型。
  • object类型,就是表示除了上面的类型。

注:该笔记是看ts官网所写的笔记,方便自己复习巩固。

以上是关于typeScript阅读笔记-基础类型的主要内容,如果未能解决你的问题,请参考以下文章

typeScript阅读笔记-类型兼容性

Typescript学习笔记基础类型

TypeScript 基础类型

从 TypeScript 类型定义或 GraphQL 片段定义生成 JavaScript 空对象

TypeScript学习笔记之接口类型

TypeScript 学习笔记总结