typeScript基础(1)_原始数据类型学习

typeScript系列将是学习ts的一些笔记，主要是为了以后及时的的回顾。

这个系列将会根据TypeScript 入门教程(202005)配合学习。

在这之前，我们需要先安装

npm install -g typescript

以上命令会在全局环境下安装 tsc 命令，安装完成之后，我们就可以在任何地方执行 tsc 命令了。

编译命令：

tsc  xxx.ts

xxx为ts文件名。

原始数据类型包括：

字符型 string
布尔型 boolean
数型 number
空 null
undefined
symbol（es6）

布尔值类型：

let flag: boolean = true;
let flag2:boolean = Boolean(3)
flag = false;
flag2 = !flag2

不能使用：

let flag3:boolean = new Boolean(1)

原因是new Boolean(1)返回的是一个布尔对象，并不是一个布尔值。
其他类型比如string，number等也不能通过new的形式来生成，原因一致。
使用tsc xxx.ts完成编译：

var flag = true;
var flag2 = Boolean(3);
flag = false;
flag2 = !flag2;

如果是这种形式，说明没报错：

报错的话，会在cmd直接报出错误的信息：
例如：

数值类型：

ts：使用二进制或者八进制会被编译成十进制

let num:number = 1;
let num2 :number = NaN;
let num3:number = Infinity;
// ES6 中的二进制表示法
let binaryLiteral: number = 0b1010;
// ES6 中的八进制表示法
let octalLiteral: number = 0o744;

js:

var num = 1;
var num2 = NaN;
var num3 = Infinity;
// ES6 中的二进制表示法
var binaryLiteral = 10;
// ES6 中的八进制表示法
var octalLiteral = 484;

字符串类型：

ts：可以进行字符串模板拼接

let str: string = "123";
let str1: string = "123";
let str3: string = "张俊卿";
let num: number = 888;
let strrr = `${num}我是字符串`;
let strStr = `${num},hello,good`

js:

var str = "123";
var str1 = "123";
var str3 = "张俊卿";
var num = 888;
var strrr = num + "\u6211\u662F\u5B57\u7B26\u4E32";
var strStr = num + ",hello,good";

void

在 TypeScript 中，可以用 void 表示没有任何返回值的函数

const fun = (str?: string):void =>  {
   console.log(str);
}
fun('123')

unll和undefined

ts:

let str:null=null;
let und:undefined=undefined;

js:

var str = null;
var und = undefined;

与 void 的区别是，undefined 和 null 是所有类型的子类型。也就是说 undefined 类型的变量，可以赋值给 number 类型的变量：

ts：

let str:number ;
str=undefined;
let str1:string = undefined;

js:

var str;
str = undefined;
var str1 = undefined;

看到最后留个关注哦，比心。