【001】ts学习笔记-准备工作和【基本类型】

typescript安装的包

npm i typescript #安装ts
npm i @types/node --save-dev # TypeScript 项目中使用类型检查和自动补全。
npm i ts-node -g #可直接在nodejs环境中使用ts, 如：ts-node example.ts

tsc 常用命令

tsc -init	#生成tsc目录下的配置文件:tsconfig.json
tsc -w  #用watch来动态检测ts文件的改变并自动编译,需要先 tsc -init 初始化项目过后才有效

修改tsc编译生成文件的输出目录和ts文件所在根目录的地址

打开tsconfig.ison修改outDir 和 rootDir

{
    "outDir": "./dist",                     
    "rootDir": "./src",                     
}

基础类型

字符串类型

字符串是使用string定义的

let a: string = '123'
//普通声明

//也可以使用es6的字符串模板
let str: string = `dddd${a}`

数字类型

支持十六进制、十进制、八进制和二进制；

let notANumber: number = NaN;//Nan
let num: number = 123;//普通数字
let infinityNumber: number = Infinity;//无穷大
let decimal: number = 6;//十进制
let hex: number = 0xf00d;//十六进制
let binary: number = 0b1010;//二进制
let octal: number = 0o744;//八进制s

布尔类型

//注意，使用构造函数 Boolean 创造的对象不是布尔值：这样会报错 应为事实上 new Boolean() 返回的是一个 Boolean 对象
// let createBoolean : boolean = new Boolean(); 
let b1: boolean = true;
let b2: Boolean = new Boolean();
let createdBoolean: Boolean = new Boolean()
let b003: boolean = Boolean(1)

常见错误

注意，使用构造函数 Boolean 创造的对象不是布尔值：

空值类型

JavaScript 没有空值（Void）的概念，在 TypeScript 中，可以用 void 表示没有任何返回值的函数

void 类型的用法，主要是用在我们不希望调用者关心函数返回值的情况下，比如通常的异步回调函数

function voidFn(): void {
    console.log('test void')
}

void也可以定义undefined 和 null类型

let u: void = undefined
let n: void = null;

常见错误

void 返回了值

Null和undefined类型

let u: undefined = undefined;//定义undefined
let n: null = null;//定义null					

void 和 undefined 和 null 最大的区别

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

let u : undefined = undefined
let n : null = null
let str001 : string = "22222"
str001 = u
str001 = n

• 但是 void 类型的值不能赋值给其他类型