typescript学习系列1:TypeScript安装、初始化以及类型

393 阅读2分钟

这是我参与8月更文挑战的第1天,活动详情查看:8月更文挑战

1.安装:

  • 通过sudo npm install -g typescript在全局安装ts
  • 检查时使用tsc -v显示ts版本号即为安装成功~!
//安装
sudo npm install -g typescript

//检查
tsc -v  //正常会弹出安装的TS版本号

2.卸载重装:

如果想要重新安装需要卸载先卸载掉之前版本:

  • where这个命令还是很有用的,能够找到安装位置文件路径 清理干净之前安装的残留后,重新安装即可。
//卸载typescript
sudo npm uninstall -g typescript

//找到tsc目录,删除它

where tsc # /usr/local/bin/tsc
cd /usr/local/bin
rm -rf tsc

//重新安装
sudo npm install -g typescript

3.基础类型:

ECMAScript最新定义了8种数据类型

  • 7种原始数据类型
    • Boolean
    • Null
    • Undefined
    • Number
    • String
    • Symbol
    • BigInt 下面是关于这些数据类型的一些小例子:
// 布尔类型
let isDone:boolean =true;

// 数字类型
let age:number =24;

// 字符串类型
let PlayerName:string = "艾弗森";

// undefined
let u:undefined =undefined;

// null
let n:null =null;

//number类型可以赋值undefined
let num:number = undefined;

4.any类型和联合类型:

// any类型:可以赋值任意类型

let notSure:any="sdfsdsd";

notSure=24;

notSure=true;

notSure.myname;

notSure.getName();


// 联合类型:如下例子🌰可以是数字类型或者字符串类型

let NumorString:number | string =24;

NumorString="科比"

5.数组(Array)和元组(tuple):

数组我想应该没啥说的,元组听着挺吓人的,其实是给数组中的每个项都规定好了类型

//数字数组
let arrofNumber:number[] = [1,2,3,4,5];

arrofNumber.push(520);

//IArguments
function test(){
    console.log(arguments);
    console.log(arguments.length); //有length属性
    console.log(arguments[0]);  //可以使用[]

    let igr:IArguments = arguments;
}

//元组:限定了数组每一项类型的数组

let tuple:[string,number]=["韦德",3];   //✅

tuple=["韦德",3,"迈阿密热火队"];    //❎