TS（基础）学习日记

1话不多说！直接开始！

首先在vscode里自动编译TS，终端创建 tsconfig.json 文件。因为刚开始学 TS 这样可以看到编译过后的 JS ，方便我们理解学习 TS。

tsc --init

在 tsconfig.json 中找到 "outDir": " '' 修改为 ./js，这样在创建 TS 文件的时候，会自动生成一个 JS 文件夹，在 html 中引入的时候找到生成的 JS 文件夹，引入 JS 文件中编译过后的 TS 文件即可（wabpack 或 vite 创建项目的请无视！）

"outDir": "./js", 

TS代码格式

(()=>{
 //代码内容
})()

1，TS 基础类型

（在TS中，给变量限制类型之后，该变量在 TS 的编译中只能按照 限制的类型给值，但是在 JS 中会编译成功）

布尔类型

let bool:boolean = true
    console.log(bool);

数值类型

let num:number = 429
    console.log(num);

字符串类型

let str:string = '哈喽'
    console.log(str);

null类型

let und:undefined = undefined
    console.log(und);

undefined类型

let nul:null = null
    console.log(nul);

2，数组

数组有两种方式可以定义，看自己喜欢那种就用那种

    //方式一
    let arr:number[] = [4,2,9]
    console.log(arr);
    // 方式二 
    let arrOne:Array<string> = ['你','好','TS']
    console.log(arrOne); 

3，元组

元组的意义就是，数据的类型在一开始就已经定义好了。后续的值需要和前面设置的类型位置一致！