当我将接口的任何属性设置为可选时，并将其成员分配给其他变量，如下所示:
interface Person {
name?: string,
age?: string,
gender?: string,
occupation?: string,
}
function getPerson() {
let person = <Person>{name:"John"};
return person;
}
let person: Person = getPerson();
let name1: string = person.name; // <<< Error here
我得到如下错误:
TS2322: Type 'string | undefined' is not assignable to type 'string'.
Type 'undefined' is not assignable to type 'string'.
如何避免这个错误呢?
当前回答
你可以这样做!
let name1:string = `${person.name}`;
但是记住name1可以是空字符串
其他回答
解决方案1:删除显式类型定义
因为getPerson已经返回了一个带有名称的Person，所以我们可以使用推断类型。
function getPerson(){
let person = {name:"John"};
return person;
}
let person = getPerson();
如果我们定义person: person，我们将丢失一条信息。我们知道getPerson返回一个具有非可选属性name的对象，但是将其描述为Person会使可选性恢复。
解决方案2:使用更精确的定义
type Require<T, K extends keyof T> = T & {
[P in K]-?: T[P]
};
function getPerson() {
let person = {name:"John"};
return person;
}
let person: Require<Person, 'name'> = getPerson();
let name1:string = person.name;
解决方案3:重新设计界面
所有属性都是可选的形状称为弱类型，通常是设计不好的标志。如果我们将name作为必需属性，那么您的问题就解决了。
interface Person {
name:string,
age?:string,
gender?:string,
occupation?:string,
}
试着事先找出实际值。如果person有一个有效的名称，则将其赋值给name1，否则赋值为undefined。
let name1: string = (person.name) ? person.name : undefined;
我认为使用Karol Majewski提到的Require非常好。另一种实现相同的方法是使用交集类型(实际上由Require在内部使用)
function getPerson(): Person & {name: string} {
const person = {name:"John"};
return person;
}
const person = getPerson();
const name1: string = person.name;
使用Require或交集类型的优点是，我们不会像非空断言操作符那样推翻typescript编译器。
为了避免我使用的编译错误
let name1:string = person.name || '';
然后验证空字符串。
如果你想拥有nullable属性，将你的接口更改为:
interface Person {
name?:string | null,
age?:string | null,
gender?:string | null,
occupation?:string | null,
}
如果未定义不是这种情况，可以从属性名前面删除问号(?)。
