声明空间
在 TypeScript 里存在两种声明空间:类型声明空间与变量声明空间。我将会在下文中和大家讨论这两个概念。
类型声明空间
类型声明空间包含用来当做类型注解的内容,例如以下的一些类型声明:
class Foo {}
interface Bar {}
type Bas = {};
你可以将 Foo
, Bar
, Bas
做为类型注解使用,例如:
let foo: Foo;
let bar: Bar;
let bas: Bas;
注意,尽管你定义了 interface Bar
,你并不能够将它做为一个变量使用,因为它没有定义在变量声明空间中:
interface Bar {}
const bar = Bar; // Error: "cannot find name 'Bar'"
提示 cannot find name 'Bar'
的原因是名称 Bar
并未定义在变量声明空间。这将带领我们进入下一个主题 "变量声明空间"。
变量声明空间
变量声明空间包含可用作变量的内容,在上文中 Class Foo
提供了一个类型 Foo
到类型声明空间,此外它同样提供了一个变量 Foo
到变量声明空间,如下所示:
class Foo {}
const someVar = Foo;
const someOtherVar = 123;
这很棒,尤其是当你想把一个类来当做变量传递时。
::: warning
我们并不能使用一些像 interface
定义的内容,来当做变量使用。
:::
与此相似,一些像你用 var
声明的变量,也仅能在变量声明空间使用,不能用作类型注解。
const foo = 123;
let bar: foo; // ERROR: "cannot find name 'foo'"
提示 cannot find name
的原因是,名称 foo
没有定义在类型声明空间里。
看完两件小事
如果你觉得这篇文章对你挺有启发,我想请你帮我两个小忙:
- 把这篇文章分享给你的朋友 / 交流群,让更多的人看到,一起进步,一起成长!
- 关注公众号 「IT平头哥联盟」,公众号后台回复「资源」 免费领取我精心整理的前端进阶资源教程