在TypeScript类中,可以为属性声明类型,例如:
class className {
property: string;
};
如何在对象文字中声明属性的类型?
我已经尝试了以下代码,但它不能编译:
var obj = {
property: string;
};
我得到以下错误:
名称“string”在当前作用域中不存在
是我做错了什么还是这是个bug?
在TypeScript类中,可以为属性声明类型,例如:
class className {
property: string;
};
如何在对象文字中声明属性的类型?
我已经尝试了以下代码,但它不能编译:
var obj = {
property: string;
};
我得到以下错误:
名称“string”在当前作用域中不存在
是我做错了什么还是这是个bug?
当前回答
这是我在2021年用TypeScript 4.5做的事情:
const sm = {
reg: {} as ServiceWorkerRegistration,
quantum: null as number | null,
currentCacheName: '' as string, // superfluous
badSWTimer: 0 as number, // superfluous
}
这不仅仅是一个值转换,对于对象属性来说,它的工作原理与接口定义相同。
更新:我包含了两个多余的类型作为示例。也就是说,这些类型可以自动推断,因此不会产生编译器错误。
来源:4.4游乐场
其他回答
如果你试图写一个类型注释,语法是:
var x: { property: string; } = { property: 'hello' };
如果你试图写一个对象文字,语法是:
var x = { property: 'hello' };
您的代码试图在值位置使用类型名称。
用DRY将对象文字转换为类型
只做:
const myObject = {
hello: 'how are you',
hey: 'i am fine thank you'
}
type myObjectType = keyof typeof MyObject
完成工作!
只是扩展@RickLove的回复…
这很好,因为你只需要定义不能推断的类型:
const initialState = {
user: undefined as User | undefined,
userLoading: false
};
它被编译成下面的js代码:
const initialState = {
user: undefined,
userLoading: false
};
如果你需要把它提取成一个类型,你可以这样做:
export type InitState = typeof initialState;
你已经很接近了,你只需要用a:替换=。您可以使用对象类型文字(参见规范第3.5.3节)或接口。使用对象类型文字接近于你所拥有的:
var obj: { property: string; } = { property: "foo" };
但是你也可以使用接口
interface MyObjLayout {
property: string;
}
var obj: MyObjLayout = { property: "foo" };
要小心了。这对一些人来说可能是显而易见的,但类型声明:
const foo: TypeName = {}
与as的铸造相比不一样:
const foo = {} as TypeName
尽管有人建议把它用在其他答案上。
例子:
谢谢,类型安全!:
const foo: { [K in 'open' | 'closed']: string } = {}
// ERROR: TS2739: Type '{}' is missing the following properties from type '{ open: string; closed: string; }': open, closed
再见,类型安全!:
const foo = {} as { [K in 'open' | 'closed']: string }
// No error