关于typescript中as的用法

Question

在Ant design pro的用户登录文件 src/models/login.ts中看到一条代码
let { redirect } = params as { redirect: string };

其中

const params = getPageQuery();
export const getPageQuery = () => parse(window.location.href.split('?')[1]);

不太理解第一条代码什么意义，想请假大家！

Answer 1

as 是ts里定义类型的意思

// 其实params是这样的解构
params = {
    redirect: 'xxx'
}

let { redirect } = params as { redirect: string };
这里的意思是说params的类型是个object 并且里面有一个redirect的属性是string类型的

let { redirect } = params;前半段是解构赋值取params.redirect
params as { redirect: string };后半段是给params定义类型

Answer 2

let { redirect } = params;
这是从params中取出redirect的属性和value

as { redirect: string }
as可以理解成当作的意思，就是把params当作{ redirect: string }
只不过这里规定了redirect是string类型。

这是一种约束类型的方式，避免你把redirect当成number/boolean等其他类型来用。