我在TypeScript中有以下接口:
interface IX {
a: string,
b: any,
c: AnotherType
}
我声明了一个该类型的变量并初始化了所有属性
let x: IX = {
a: 'abc',
b: null,
c: null
}
然后在稍后的init函数中为它们赋值
x.a = 'xyz'
x.b = 123
x.c = new AnotherType()
但我不喜欢在声明对象时为每个属性指定一堆默认空值，因为它们稍后将被设置为实值。我能告诉接口默认属性我不提供为空吗?是什么让我这样做:
let x: IX = {
a: 'abc'
}
而不会产生编译器错误。现在它告诉我了
TS2322:类型“{}”不能赋值给类型 “九”。属性“b”在类型“{}”中缺失。
当前回答
你可以像文档中解释的那样使用Partial mapped类型: https://www.typescriptlang.org/docs/handbook/release-notes/typescript-2-1.html
在你的例子中，你会有:
interface IX {
a: string;
b: any;
c: AnotherType;
}
let x: Partial<IX> = {
a: 'abc'
}
其他回答
您还可以使用helper方法/函数返回具有默认属性值的对象，然后调用代码可以根据需要重写默认值。这就是我在当前项目中遇到同样问题时所遵循的方法。通过这种方式，对默认属性值对象进行编码是一次性的事情，您可以在整个应用程序中重用该对象。
另一种方法是使用Pick实用程序类型并选择您希望设置为必需的属性。
interface IX {
a: string,
b: any,
c: AnotherType
}
let x: Pick<IX, 'a'> = {
a: 'abc'
}
然后当你想要声明真正的IX对象时，你只需将默认值与新值合并，如下所示:
const newX: IX = {
...x,
b: 'b',
c: () => {}
}
这个答案摘自“如何设置TypeScript接口的默认值?”
你不能在接口中设置默认值，但是你可以通过使用可选属性来完成你想做的事情:
简单地将界面更改为:
interface IX {
a: string,
b?: any,
c?: AnotherType
}
你可以这样做:
let x: IX = {
a: 'abc'
}
如果没有设置这些属性，则使用init函数为x.b和x.c分配默认值。
我需要这个React组件。
你可以使用Nullish Coalescing Operator，它会在左手值为Null或Undefined时赋一个默认值:
interface IX {
a: string,
b?: any,
c?: AnotherType
}
const ixFunction: React.FC<IX> = (props) => {
console.log(props.b?? "DefaultValue")
}
但这只适用于只在一个地方使用变量的情况。
虽然@Timar的答案是完美的空默认值(什么是被要求的)，这里有另一个简单的解决方案，允许其他默认值:定义一个选项接口，以及一个根据常量包含默认值;在构造函数中，使用展开操作符设置options成员变量
interface IXOptions {
a?: string,
b?: any,
c?: number
}
const XDefaults: IXOptions = {
a: "default",
b: null,
c: 1
}
export class ClassX {
private options: IXOptions;
constructor(XOptions: IXOptions) {
this.options = { ...XDefaults, ...XOptions };
}
public printOptions(): void {
console.log(this.options.a);
console.log(this.options.b);
console.log(this.options.c);
}
}
现在你可以像这样使用这个类:
const x = new ClassX({ a: "set" });
x.printOptions();
输出:
set
null
1
