如何在 HTML 脚本标签中创建区域？答案

【问题标题】：How To Create a Region in HTML Script Tag?如何在 HTML 脚本标签中创建区域？
【发布时间】：2017-10-16 10:25:45
【问题描述】：

我正在尝试在用 HTML <script>...</script> 标记编写的 javascript 代码中创建区域，以通过折叠对其进行分类。我尝试了以下我找到的代码 here 但什么也没发生。 HTML<script>标签有什么方法可以做到吗？

这是我的代码：

<script>

//#region DataTable Functions
function initRoomTable(){
    $('#room-table').DataTable({
    ...
    })
}
function initParticipantTable(){
    $('#participant-table').DataTable({
    ...
    })
}
//#endregion DataTable Functions

//#region Init Page
$(document).ready(function () {
    initRoomTable();
    initParticipantTable();
})
//#endregion Init Page

</script>

【问题讨论】：

区域是 IDE 的一部分，而不是语言
regions 是用来隐藏代码的……想想看。如果您需要隐藏代码，那么它可能没有很好的组织/编写。

标签： javascript html region

【解决方案1】：

JS 中的区域只能被某些代码编辑器识别。

如果您在记事本或任何其他简单的编辑器中查看您的代码，它们很可能不会被选中。

大多数编辑器都有类似的扩展，其他的默认实现：

VS 代码（自 1.17 版起默认）
Visual Studio https://marketplace.visualstudio.com/items?itemName=MadsKristensen.JavaScriptRegions
原子https://atom.io/packages/custom-folds
崇高https://github.com/jamalsenouci/sublimetext-syntaxfold

【讨论】：

我目前正在使用 Visual Studio v12。是否有可能因为我的 VS 版本较旧而遇到此问题？
不，对于 javascript 区域，visual studio 也需要额外的扩展。我更新了我的答案
我在我的 VS 2013 v12 中安装了 JavaScript 区域，但什么也没发生。我认为 v12 不支持这个。
它说它“适用于：Visual Studio 2017”。我会推荐 VS Code 用于 JS 开发。（Visual Studio 2017 也很不错，但没有那么轻量级）
感谢您的建议。我会试一试的。

【解决方案2】：

这取决于您查看代码的位置，某些 IDE 可能会识别这些函数并默认折叠它们，或者在您单击时提供 + 或类似符号以折叠但 AFAIK 没有元素在 JS 内部提供代码折叠。

您需要的是对您的 IDE 或浏览器的某种说明，如何在开发工具中显示代码，或者有足够智能的 IDE（或浏览器的一些扩展？）来做同样的事情。 这当然不是 JS 本身的部分。

这就是为什么作者声称代码具有可折叠功能而您没有看到它的原因。这可能是由于您查看代码的位置与作者的位置相比，或者它甚至可能是 IDE 中的设置。

【讨论】：