TypeScript数据类型（二）-蒲公英云

TypeScript数据类型（二）

TypeScript增加了类型检测，较JavaScript有以下几点优势：1、在编译时就能发现潜在错误问题并提示，而非在运行时，增加了更好的错误处理；2、在编写时代码提示更友好，提示类型对应的属性和方法；3、代码语义更清晰，类型就是最好的注释。

基础类型：number、string、boolean、null、undefined、void、symbol

// 当声明和赋值在两行时，需要使用类型注解，明确变量类型
let count: number;
count = 123;
// 当声明和赋值在一行时，无需使用类型注解，TypeScript自动进行类型推断，分析变量类型
const num = 123;

对象类型：{}、class、function、[]

// 对象类型
interface Teacher { 
  name: string;
  age: number;
}
const teacher: Teacher = {  name: 'Brady', age: 18 };
// 函数类型：两种写法
const func = (str: string) => { 
  return parseInt(str, 10);
};
// 类类型：
class Person { }
const brady: Person = new Person();
const func1: (str: string) => number = str => { 
  return parseInt(str, 10);
};
// 数组类型
const numberArr: number[] = [1, 2, 3];
const arr: (number | string)[] = [1, '2', 3];
// 类型别名
type User = {  name: string, age: number };
const userArr: User[] = [
  {  name: 'Brady', age: 18 }
]
// 元组类型：数组中类型固定、长度固定
const tupleArr: [string, string, number] = ['Brady', 'male', 18];
// csv格式类型注解
const teacherList: [string, string, number][] = [
  ['Brady', 'male', 18],
  ['Lucy', 'female', 16],
  ['Jack', 'male', 20]
];

其他类型：Date、复合类型、never

const date = new Date(); // Date类型
interface Person { 
  name: string; 
}
const rawData = '{"name": "Brady"}';
const newData: Person = JSON.parse(rawData);
let temp: number | string = 123;
temp = '456';
const error = (): never => { 
  throw new Error();
  console.log('123');
};