当我将接口的任何属性设置为可选时，并将其成员分配给其他变量，如下所示:
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'.
如何避免这个错误呢?
当前回答
你试图设置变量name1，女巫类型设置为严格的字符串(它必须是字符串)，值从对象字段名，女巫值类型设置为可选字符串(它可以是字符串或未定义，因为问题符号)。如果你真的需要这种行为，你必须像这样改变name1的类型:
let name1: string | undefined = person.name;
一切都会好的;
其他回答
如果你想拥有nullable属性，将你的接口更改为:
interface Person {
name?:string | null,
age?:string | null,
gender?:string | null,
occupation?:string | null,
}
如果未定义不是这种情况，可以从属性名前面删除问号(?)。
我知道这有点晚了，但是除了yannick的答案，还有另一种方法可以使用!是将它转换为字符串，从而告诉TypeScript:我确定这是一个字符串，从而转换它。
let name1:string = person.name;//<<<Error here
to
let name1:string = person.name as string;
这将使错误消失，但如果这不是一个字符串，你将得到一个运行时错误…这也是我们使用TypeScript来确保类型匹配并在编译时避免此类错误的原因之一。
现在您可以使用这里的非空断言操作符，它正是用于您的用例的。
它告诉TypeScript，即使某些东西看起来可能是null，它也可以相信你它不是:
let name1:string = person.name!;
// ^ note the exclamation mark here
为了避免我使用的编译错误
let name1:string = person.name || '';
然后验证空字符串。
也有同样的问题。
我发现react-scrips添加了“strict”:true到tsconfig.json。
在我移除它之后，一切都很好。
Edit
需要警告的是，更改此属性意味着:
不再对潜在的运行时错误发出警告。
正如保罗在评论中指出的那样!谢谢!
只有在你完全理解它的影响时才使用"strict": false !
