当我将接口的任何属性设置为可选时，并将其成员分配给其他变量，如下所示:
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'.
如何避免这个错误呢?
当前回答
试着事先找出实际值。如果person有一个有效的名称，则将其赋值给name1，否则赋值为undefined。
let name1: string = (person.name) ? person.name : undefined;
其他回答
一种更适合生产环境的处理方法是实际确保存在名称。假设这是一个由一组人参与的大型项目的最小示例，您不知道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);
}
}
你可以使用NonNullable实用程序类型:
例子
type T0 = NonNullable<string | number | undefined>; // string | number
type T1 = NonNullable<string[] | null | undefined>; // string[]
文档。
我认为使用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编译器。
这是我发现的检查属性是否未定义而不生成警告的唯一解决方案
type NotUndefined<T, K extends keyof T> = T & Record<K, Exclude<T[K], undefined>>;
function checkIfKeyIsDefined<T, K extends keyof T>(item: T, key: K): item is NotUndefined<T, K> {
return typeof item === 'object' && item !== null && typeof item[key] !== 'undefined';
}
用法:
interface Listing {
order?: string
...
}
obj = {..., order: 'pizza'} as Listing
if(checkIfKeyIsDefined(item: obj, 'order')) {
order.toUpperCase() //no undefined warning O.O
}
原来的答案
