当我将接口的任何属性设置为可选时，并将其成员分配给其他变量，如下所示:
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'.
如何避免这个错误呢?
当前回答
如果你从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!;
其他回答
根据您的定义，Person.name可以为空，但name1不能。 有两种情况:
Person.name从不为空
告诉编译器你确定名称不是空的使用!
let name1: string = person.name!;
Person.name可以为空
在case name为null时指定一个默认值
let name1: string = person.name ?? "default name";
一种更适合生产环境的处理方法是实际确保存在名称。假设这是一个由一组人参与的大型项目的最小示例，您不知道getPerson将来会发生怎样的变化。
if (!person.name) {
throw new Error("Unexpected error: Missing name");
}
let name1: string = person.name;
或者，您可以将name1键入为字符串| undefined，并进一步处理未定义的情况。但是，最好尽早处理意外错误。
你也可以让TypeScript通过省略显式类型来推断类型:let name1 = person.name这仍然可以防止name1被重新分配为一个数字，例如。
如果你从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!;
我认为使用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编译器。
在我的特定情况下发生在我身上的一件事(但它与这里问到的具体问题无关)是，我在文件中导入了错误的类型，因为类型被称为完全相同，但定义了不同的属性。
一旦我导入了正确的类型，所有的问题都消失了。
我希望这能帮助那些和我面临同样问题的人。
