ts 浅谈

1.类型注解

let a:number = 1;
let b:string = ‘1’;

const init = (item:string):string => {};
参数是string格式 返回值是string格式
const init = (item:string):void => {}
参数是string格式 无返回内容
const init = async (item: string): Promise => {
console.log(881);
await …
return ‘1’;
};

2.联合类型：

const a: number | string = 1;
const a: number | string = ‘1’;

3.类型别名

const [
{ result: resultInfo, error },
{ result: respInfo, error: errorAbleLockList },
] = await Promise.all([
调接口1,
调接口2,
]);

4. 数组类型

const a: string[] = [‘1’, ‘2’];
const b: any[] = [‘1’, 2];
const c: Array<{}> = [{ a: 1 }];

5.函数-可选参数,可选和默认值的区别

const fn = (a?: string, b: number, c = ‘default’) => {};
a可选 b必传 c有默认值

6.枚举

export enum pageType {
NOT_ADMIT = ‘NOT_ADMIT’, // 不准入
ADMIT = ‘ADMIT’, // 准入,未签约
ISSIGNED = ‘ISSIGNED’, // 已经完成签约
}
console.log(881, pageType.SIGN_NOT_ADMIT)
这个枚举可以用来设置页面的状态的

enum typeEnum {
‘A’ = ‘余额类型1’,
‘B’ = ‘余额类型2’,
‘C’ = ‘余额类型3’,
‘D’ = ‘余额类型4’,
}
这个枚举可以用来展示页面的文案数据的,比如后端给我们返回的是英文，我们要对应展示的是中文，就可以用这个枚举来搞了

7.接口

就是我自己用的比较多的是 还是声明数据的
interface.ts文件中
export interface userInfoType {
a:string
}
在index.tsx文件中
import { userInfoType } from ‘./interface’;
let tip:userInfoType ;

还有调接口时候的定义接口的出入参
api.ts文件中
export interface ApiType {
aJieKou: (params: {
b: number;
c?: string;
}) => Promise<{ result?: userInfoType; error?: any }>;
}
export default (): ApiType => ({
async aJieKou(params) {
try {
const data = await …
return { result: data };
} catch (error) {
return { error };
}
},

})