TypeScript中Array<Type>声明数组括号作用及无括号报错原因
核心原因说明
报错本质是混淆了TypeScript的类型语法和运行时赋值语法的边界,两者作用完全不同:
- 你最初查到的
Array<Type>是纯类型标注语法
该写法仅用于给TS编译器声明变量的类型,仅在编译阶段做类型校验使用,不会生成任何实际的JavaScript运行时代码,不能直接作为值赋值给变量。
首次编写的代码里直接把Array<Transaction>这个类型标识当成实际值赋值给list字段,不符合语法要求,因此编译报错。 - 加括号后的
Array<Transaction>()是合法的运行时表达式
这里的括号代表调用JS内置的Array构造函数,运行时会生成一个实际的空数组实例,同时TS会将这个实例的类型自动标记为Array<Transaction>,完全匹配Transactions类型中list字段的类型要求,因此可以正常编译运行。
常用等价写法
实际开发中创建指定类型的空数组,更常用以下两种简写形式,效果和Array<Transaction>()完全一致:
// 类型断言+数组字面量 list: [] as Transaction[] // 泛型数组字面量 list: <Transaction[]>[]
内容的提问来源于stack exchange,提问作者Musaffar Patel
相关产品推荐
相关产品推荐

