当我将接口的任何属性设置为可选时，并将其成员分配给其他变量，如下所示:
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.name可以为空，但name1不能。 有两种情况:
Person.name从不为空
告诉编译器你确定名称不是空的使用!
let name1: string = person.name!;
Person.name可以为空
在case name为null时指定一个默认值
let name1: string = person.name ?? "default name";
其他回答
为了避免我使用的编译错误
let name1:string = person.name || '';
然后验证空字符串。
这里有一个快速的方法来了解正在发生的事情:
当你做以下事情时:
的名字吗?:字符串
你对TypeScript说它是可选的。然而，当你这样做的时候:
let name1 : string = person.name; //<<<Error here
你没有给它选择的余地。你需要在它上面有一个反映未定义类型的联合:
let name1 : string | undefined = person.name; //<<<No error here
使用您的回答，我能够概述以下内容，基本上是一个接口，一个类和一个对象。我发现这种方法更简单，如果你不这样做也没关系。
// Interface
interface iPerson {
fname? : string,
age? : number,
gender? : string,
occupation? : string,
get_person?: any
}
// Class Object
class Person implements iPerson {
fname? : string;
age? : number;
gender? : string;
occupation? : string;
get_person?: any = function () {
return this.fname;
}
}
// Object literal
const person1 : Person = {
fname : 'Steve',
age : 8,
gender : 'Male',
occupation : 'IT'
}
const p_name: string | undefined = person1.fname;
// Object instance
const person2: Person = new Person();
person2.fname = 'Steve';
person2.age = 8;
person2.gender = 'Male';
person2.occupation = 'IT';
// Accessing the object literal (person1) and instance (person2)
console.log('person1 : ', p_name);
console.log('person2 : ', person2.get_person());
试着事先找出实际值。如果person有一个有效的名称，则将其赋值给name1，否则赋值为undefined。
let name1: string = (person.name) ? person.name : undefined;
@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);
}
}
这是我发现的检查属性是否未定义而不生成警告的唯一解决方案
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
}
原来的答案
