TypeScript中的区域

Question

我在JavaScript (.js)文件中，使用Visual Studio 2012插件(这里)来创建区域:

//#region "My Region"

//Code here

//#endregion "My Region"

我也希望在 TypeScript (.ts) 文件中能够有区域划分。现在是否已经可以实现了呢？

- Gaff

---

区域是不好的，不好的，不好的。你不需要它们。认真地说。 - Steven

@Steven 不错的链接 - 我刚给它投了反对票！ - Fenton

地区本身是好的，滥用地区则不好，就像刀子一样，用来切菜是好的，用来谋杀是不好的，这并不代表刀子不好。一篇博客文章并不能使它变得糟糕!!! - Akash Kava

在JavaScript中，面向对象编程很难像在C＃或Java中那样进行。对于小型Web项目，区域对我有所帮助，可以让我的代码保持有序。然而，我很高兴TypeScript有更好的文件结构，我一定会使用它来代替区域。关于JavaScript，在Visual Studio中保持独立的.js文件并保留智能感知，然后将其编译成一个js文件供网站使用肯定是很难的。在某些情况下，使用区域也不是那么糟糕。当你们说“绝不要使用区域”时，你们听起来像偏执狂。 - Gaff

针对那些来得比较晚的人，这个是用typescript实现的。 //#region 区域名称 //#endregion - mcheah

Answer 1

您可以下载Web Essentials 2012，它允许您在TypeScript中使用区域。

如果您使用Visual Studio 2015，请使用最新的链接。 Web Essentials 2015.3

- unjuken

---

似乎不在2017年？ - Demodave

根据WE网站上支持的版本，看起来在VS2017中还不支持区域 :( http://vswebessentials.com/features/typescript - samneric

Answer 2

您可以在此处关注TypeScript的GitHub问题

TypeScript区域 #11073

目前还没有确定实施时间，正在等待更多反馈。

- wonea

---

是的，该页面上的最后一条评论很好地指出了实现已完成，并且可以像C#对应项一样使用。我很喜欢它 :=) - mkb

Answer 3

Visual Studio 2017也支持区域 这里。

对于旧版本，可以通过Web Essentials获得支持 这里。

- Highdown

Answer 4

如果你想要为TypeScript请求一个新的功能，你需要在Codeplex上开始讨论。

有很多人认为使用代码区域是不好的，也许他们在告诉你你在一个文件中放了太多内容。TypeScript有一个很好的方式可以从许多不同的文件中加载模块，也许更好的做法是使用这种方式来区分你的关注点。

- Fenton

---

我只是想要一种分离我的类的方法。谢谢你提供的信息。 - Gaff

#regions的作用与C#中的相似，通常用于将类别细分为如“公共方法”、“私有辅助方法”、“成员”等分类。像任何文档功能一样，如果误解可能会被过度使用，但它们绝对不是坏事 :) - iCollect.it Ltd

我在C#中使用区域来创建更好的视觉区分私有和公共成员。 - Michael Fry

有些人（比如我）喜欢使用它们来提高可读性，通过按区域分类来整理类（私有变量、公共方法、事件等）。在 TypeScript 中，从将来将我的代码交接出去的角度考虑，这会非常有帮助。 - EHorodyski

很遗憾，像Fenton这样的人认为开发人员定义数据结构，而实际上是数据定义了数据结构。将一个大的、扁平但不同的数据集拆分成单独的类以避免使用区域只会增加类膨胀和维护开销。 - m12lrpv