当我将接口的任何属性设置为可选时，并将其成员分配给其他变量，如下所示:
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'.
如何避免这个错误呢?
当前回答
如果你想拥有nullable属性，将你的接口更改为:
interface Person {
name?:string | null,
age?:string | null,
gender?:string | null,
occupation?:string | null,
}
如果未定义不是这种情况，可以从属性名前面删除问号(?)。
其他回答
一种更适合生产环境的处理方法是实际确保存在名称。假设这是一个由一组人参与的大型项目的最小示例，您不知道getPerson将来会发生怎样的变化。
if (!person.name) {
throw new Error("Unexpected error: Missing name");
}
let name1: string = person.name;
或者，您可以将name1键入为字符串| undefined，并进一步处理未定义的情况。但是，最好尽早处理意外错误。
你也可以让TypeScript通过省略显式类型来推断类型:let name1 = person.name这仍然可以防止name1被重新分配为一个数字，例如。
@Input()employee!:string ;
announced:boolean=false;
confirmed:boolean=false;
task:string="<topshiriq yo'q>";
constructor(private taskService:TaskService ) {
taskService.taskAnnon$.subscribe(
task => {
this.task=task;
this.announced=true;
this.confirmed=false;
}
)
}
ngOnInit(): void {
}
confirm(){
this.confirmed=true
this.taskService.confirimTask(this.employee);
}
}
你可以这样做!
let name1:string = `${person.name}`;
但是记住name1可以是空字符串
我知道这有点晚了，但是除了yannick的答案，还有另一种方法可以使用!是将它转换为字符串，从而告诉TypeScript:我确定这是一个字符串，从而转换它。
let name1:string = person.name;//<<<Error here
to
let name1:string = person.name as string;
这将使错误消失，但如果这不是一个字符串，你将得到一个运行时错误…这也是我们使用TypeScript来确保类型匹配并在编译时避免此类错误的原因之一。
我认为使用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编译器。
