typescript基本使用

开发环境的搭建

1. 先确保电脑上安装了node

2. 用cmd输入

   npm i -g typescript
   

3. 创建一个文件名为 .ts 结尾，并且在文件中输入

   console.log('hello TS')
   

4. 在这个文件夹使用cmd 终端，输入

   tsc 文件名
   

5. 在同一个文件夹中就会生成对应的的js文件

6. 

基本使用

PS：TS中的类型都是小写

let a:number; //声明一个变量a，同时指定它的类型为number

//a的类型设置后，在之后的使用中，a的值只能为number
a = 10;
a = '123'

当a为其他类型时，就会出现

​

PS：即使TS报错，也可以编译成JS

自动绑定类型

let a = false; //如果变量和赋值时同时进行的，TS会自动对变量进行类型绑定
c = 123; //会报错

函数中的类型

函数入参类型

//JS中其实想要计算两个数字和
function sum(a,b){
  return a+b;
}
console.log(sum(123,456)); //579 想要的结果
console.log(sum(123,'456')); //123456 错误结果，Number+String，计算结果没问题，js不会报错，但是不是想要的结果

//TS中其实想要计算两个数字和
function sum(a:number,b:number){
  return a+b;
}
console.log(sum(123,456)); //579 想要的结果
console.log(sum(123,'456')); //'456'下面会有红线，告诉你这里有问题（但是编译还是可以编译）
console.log(sum(123,'456',789)); //参数传多传少都会有红线提醒

函数结果类型

//定义了函数的结果只能为number类型，如果return出其他类型，则会报错
function(a:number,b:number):number{
  return a + b + 'haha'
}

​​