当我将接口的任何属性设置为可选时，并将其成员分配给其他变量，如下所示:
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 || '';
然后验证空字符串。
@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);
}
}
我认为使用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编译器。
也有同样的问题。
我发现react-scrips添加了“strict”:true到tsconfig.json。
在我移除它之后，一切都很好。
Edit
需要警告的是，更改此属性意味着:
不再对潜在的运行时错误发出警告。
正如保罗在评论中指出的那样!谢谢!
只有在你完全理解它的影响时才使用"strict": false !
现在您可以使用这里的非空断言操作符，它正是用于您的用例的。
它告诉TypeScript，即使某些东西看起来可能是null，它也可以相信你它不是:
let name1:string = person.name!;
// ^ note the exclamation mark here
