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

Question

我想创建区域在我的JavaScript代码写在HTML <script>...</script>标记通过崩溃分类。我试过下面的代码，我发现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中的区域只能被特定的代码编辑器识别。

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

大多数编辑有扩展这样的东西，别人有它在默认情况下实现的：

的Visual Studio https://marketplace.visualstudio.com/items?itemName=MadsKristensen.JavaScriptRegions

凌https://atom.io/packages/custom-folds

崇高https://github.com/jamalsenouci/sublimetext-syntaxfold

• VS代码（因为1.17版本默认）

Answer 2

这取决于你在哪里查看代码，有些IDE可能会认识到这些功能，默认情况下崩溃他们或提供+或类似的标志，当你点击崩溃但AFAIK JS中没有元素提供代码折叠。

您需要的是某种类型的指令给您的IDE或浏览器如何在开发工具中显示代码或具有足够智能的IDE（或浏览器的某些扩展？）来执行相同操作。 这当然不是JS本身的一部分。

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