TypeScript中的数据类型enum type interface基础用法示例

enum A {
  todo = 0, // 表示todo等于0，往下依次增加
  done,
  archived,
  deleted,
}
let orderStatus = 0;
orderStatus = A.todo;
orderStatus = A.done;
console.log(orderStatus);

enum Permission {
  None = 0, // 0000
  Read = 1 << 0, // 0001
  Write = 1 << 1, // 0010
  Delete = 1 << 2, // 0100
  Manage = Read | Write | Delete, // 二进制的或 // 0111
}
type User = {
  permission: Permission;
};
const user: User = {
  permission: 0b0111,
}; // 这个值应该是从后台获取
// 用二进制表示权限，若user.permission&Permission.Write === Permission.Write 则user.permission有Permission.Write的所有1
if ((user.permission & Permission.Write) === Permission.Write) {
  console.log('拥有写权限');
}

// 以下这种场景就很呆，不如用type+并集
enum Fruit {
  apple = 'apple',
  banana = 'banana',
  pineapple = 'pineapple',
  watermelon = 'watermelon',
}

let f: Fruit = Fruit.apple;
f = Fruit.watermelon;
console.log(f);

// 用type加并集
type Fruit = 'apple' | 'banana' | 'watermelon' | 'pineapple';
let f: Fruit = 'banana';
f = 'watermelon';
console.log(f);

type Name = string;
const a: Name = 'hi';
type FalseLike = 0 | '' | null | undefined | false;
// 比较特殊的带有属性的函数的声明方式
type FnWithProp = {
  (a: number, b: number): number;
  prop: string;
};
const f: FnWithProp = (x, y) => {
  return x + y;
};
f.prop = 'hello';

type A = string;
type B = A; // B 实际上的类型还是string，不是A，也就是说type声明的是一个类型的别名，没有产生新的类型

type A1 = Array<string> & {
  name: string;
} & X;
interface X {
  age: number;
}
// interface就是用面向对象的黑话，把type能做的事情再描述一遍
interface A2 extends Array<string>, X {
  name: string;
}

interface Fn {
  (a: number, b: number): number;
  xxx: number;
}
const f: Fn = (x, y) => {
  return x + y;
};
f.xxx = 1;
console.log(f);

interface D extends Date {
}

const d: D = new Date();
console.log(d);

type A = number;

interface X {
  name: string;
}
interface X {
  age: number;
}
const a: X = {
  name: 'frank',
  age: 18,
};

// 扩展axios
import {AxiosRequestConfig} from 'axios'
declare module 'axios' {
  export interface AxiosRequestConfig {
    _autoLoading?: boolean;
    _mock?: string;
  }
}
// 扩展string
interface String {
  padZero(length: number): string;
}
const s = 'hello';
s.padZero(1);