当我将接口的任何属性设置为可选时，并将其成员分配给其他变量，如下所示:
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'.
如何避免这个错误呢?
当前回答
从TypeScript 3.7开始，你可以使用空合并运算符??您可以将此特性视为在处理null或未定义时“退回”到默认值的一种方式
let name1:string = person.name ?? '';
的? ?当尝试使用默认值时，操作符可以替换||的使用，并且可以在处理不能使用||的布尔值、数字等时使用。
从TypeScript 4开始，你可以使用??=赋值运算符作为??= b是a = a的替代??b;
其他回答
如果你从getPerson函数中移除<Person>强制转换，那么TypeScript将足够聪明地检测到你返回的对象确实具有name属性。
所以只要转一下:
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;
成:
interface Person {
name?: string,
age?: string,
gender?: string,
occupation?: string,
}
function getPerson() {
let person = {name: 'John'};
return person;
}
let person = getPerson();
let name1: string = person.name;
如果你不能这样做，那么你将不得不使用@yannick1976建议的“确定赋值断言操作符”:
let name1: string = person.name!;
你可以使用NonNullable实用程序类型:
例子
type T0 = NonNullable<string | number | undefined>; // string | number
type T1 = NonNullable<string[] | null | undefined>; // string[]
文档。
如果你想拥有nullable属性，将你的接口更改为:
interface Person {
name?:string | null,
age?:string | null,
gender?:string | null,
occupation?:string | null,
}
如果未定义不是这种情况，可以从属性名前面删除问号(?)。
我知道这有点晚了，但是除了yannick的答案，还有另一种方法可以使用!是将它转换为字符串，从而告诉TypeScript:我确定这是一个字符串，从而转换它。
let name1:string = person.name;//<<<Error here
to
let name1:string = person.name as string;
这将使错误消失，但如果这不是一个字符串，你将得到一个运行时错误…这也是我们使用TypeScript来确保类型匹配并在编译时避免此类错误的原因之一。
从TypeScript 3.7开始，你可以使用空合并运算符??您可以将此特性视为在处理null或未定义时“退回”到默认值的一种方式
let name1:string = person.name ?? '';
的? ?当尝试使用默认值时，操作符可以替换||的使用，并且可以在处理不能使用||的布尔值、数字等时使用。
从TypeScript 4开始，你可以使用??=赋值运算符作为??= b是a = a的替代??b;
