如何在HTML脚本标记中创建区域？

Question

我试图在用HTML标记编写的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>

Answer 1

JS中的区域仅由某些代码编辑器识别。

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

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

• VS代码(自1.17版本以来默认)
• Visual https://marketplace.visualstudio.com/items?itemName=MadsKristensen.JavaScriptRegions
• 原子https://atom.io/packages/custom-folds
• 崇高的https://github.com/jamalsenouci/sublimetext-syntaxfold

Answer 2

此取决于您在何处查看代码，某些IDE可能默认识别这些函数并折叠它们，或者在单击时提供+或类似的折叠标志，但是JS中没有元素提供代码折叠。

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

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