TypeScript系统入门到项目实战——笔记一

1、静态类型
在TS中指的类型一般是指的静态类型

下列代码在TS是不予许的，因为变量b是存放number类型的变量，不可以用来存放字符串类型的变量
let b = 123;//定义b的时候b存储的类型是数字类型，在未来b存储的类型也只能是数字类型
b = '123';

let b: number = 123;//let b = 123写全是有一个number的，就是b的类型是数字类型
b = 1234;//可以赋值给数字类型的b另一个数值

2、TS定义函数三种方法

function hello() {}
const hello1 = function () {};
const hello2 = () => {};

3、函数里面的参数

//明确函数的参数是number，与结果也是number
function add(first: number, second: number): number {
  return first + second;
}
//void则是希望这个函数没有返回值
function sayHello(): void {
  console.log("123");
}
//永远执行不完的意思
function err(): never {
  while (true) {}
  //后面的代码是无法执行的
}
//如果传入的参数是对象，则传入的属性类型
function add1({ first, second }: { first: number; second: number }): number {
  return first + second;
}
const total = add1({ first: 1, second: 1 });

基础类型：Boolean,number,string void unfined symbol null
对象类型：{} class function []

//const hello3: (str: string) => number提前声明的参数的类型与结果的类型
const hello3: (str: string) => number = (str) => {
  return parseInt(str, 10);
};

3、数组与元组
数组

const numberArr: number[] = [1, 2, 3]; //表示每一个数组中的元素只能是number类型
const arr: (number | string)[] = ["1", 2, 3]; //这样定义表示arr是数组，但数组元素可以是number类型也可以是string类型
const undefineArr:undefined[] = [undefined];//表示数组里面的元素的数据类型必须为undefinded
//表示数组中的元素是对象，但每一个对象里面只能有name属性，属性的类型是string类型
const objectArr:{name:string}[] = [{
  name:'lsl'
}]
//表示数组中的元素是对象，但每一个对象里面只能有name属性与age类型，属性的类型是string类型
const objectArr1:{name:string,age:number}[] = [{
  name:'lsl',
  age:28
}]
//借用类型别名来定义数组元素是对象的数组
type User = {name:string,age:number}
//定义的数组表示每一个元素必须是User的数据类型，在数组里面的元素不可以有不同于User定义的数据类型
const objectArr2:User[] = [{
  name:'lsl',
  age:28
}]

元组

//teacherInfo的类型是元组，元组的第一项是String类型，第二项也是string类型，第三项是number类型，数组的长度与数据类型是固定的
const teacherInfo:[string,string,number] = ['name1','male',18]

//csv
const teacherList:[string,string,number][]=[
  ['name2','male',18],
  ['name3','male',18],
  ['name4','male',18]
]