安装TypeScript

实现TypeScript向JavaScript的转变

1. npm i typescript -g #全局安装
2. tsv -v 查看当前版本
3. tsc heelo.ts #编译ts文件 :生成js文件
4. node heelo.js #执行js代码

ts-node可以编译和执行文件

1. npm i -g ts-node #安装ts-node包
2. ts-node heelo.ts #将TS转化成JS,然后运行JS代码

TS 基础类型

原始类型

number,string,boolean,null,symbol

1. let string:string = 'string';
2. let number:number = 1;
3. let true:boolean = false;
4. let a:null = nul
5. let b:undefined = undefined ;
6. let c:symbol = Symbol();

数组类型

1. //数组类型
2. let numbrs:number[] = [100,300,3003]
3. let nubers1:Array = [2020,2030]
4. //联合类型
5. let arr:(number | string)[] = [2002,2003],
6. let arr1:number | string[] = 2002;

类型别名

相同的类型反复使用

1. type typeArray =(number |string)[]
2. let arr1: typeArray = [2002,2013]
3. let arr2: typeArray =["北京","上海"]

函数类型

1. 普通函数

   function fn(num1:number,num2:number):number {
    return num1+num2       
      }
   

2. 箭头函数

   const fn1=(num1:number,num2:number): number =>{
   
        return num1 + num2 
   

}

3. 同时指定参数和返回值类型

    const fn2:(num1:number,num2:number) => number = (num1,num2) =>{
            return num1 + num2 
   }
   

4.void类型: 没有返回值类型

  const  fn4 = function (username: string): void {
       console.log("helo" + username) 
}

5. 可选参数

    function mysli(start?: nuber,end?:number){
        console.log('起始索引',start,'结束索引',end)
 }

对象类型

 //写在同一行
    let person:{name:string; age:number; say():void} ={name:"张三",age:21,say(){}}
 //换行
let person1 ：{
name:string,
age:number,
say():void
greet(name:string):void
} ={
name:"张三",
age:21,
say() {
console.log("欢迎您")
},
greet(){
console.log('打招呼')
}

元组

元组是另一种类型的数组,是明确元素数量和类型的数组

   //元组
let prosist :[number,number] =[10,20]