Comment créer une région dans une balise de script HTML?

Question

Je tente de créer des régions à mon code javascript écrit en HTML <script>...</script> tag pour le classer par effondrement. J'ai essayé le code suivant que j'ai trouvé here mais rien n'est arrivé. Y at-il une méthode pour le faire en HTML <script> tag?

Voici mon code:

<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

Les régions dans JS sont reconnues uniquement par certains éditeurs de code.

Si vous affichez votre code dans le Bloc-notes ou dans un autre éditeur simple, il y a de fortes chances pour qu'il ne soit pas détecté.

La plupart des éditeurs ont des extensions pour des trucs comme ça, d'autres ont il mis en œuvre par défaut:

• code VS (par défaut depuis la version 1.17)
• Visual Studio https://marketplace.visualstudio.com/items?itemName=MadsKristensen.JavaScriptRegions
• Atom https://atom.io/packages/custom-folds
• Sublime https://github.com/jamalsenouci/sublimetext-syntaxfold

Answer 2

Ce dépend de l'endroit où vous affichez votre code, certains IDEs pourraient reconnaître les fonctions et les réduire par défaut ou offrir un signe + ou similaire à effondrer lorsque vous cliquez sur mais AFAIK il n'y a aucun élément à l'intérieur de JS pour offrir l'effondrement de code. Ce dont vous avez besoin, c'est d'une sorte d'instruction à votre IDE ou votre navigateur pour afficher le code dans les outils de développement ou avoir un IDE assez intelligent (ou une extension vers le navigateur?) Pour faire de même. Ce n'est certainement pas la partie de la JS elle-même.

C'est la raison pour laquelle l'auteur prétend que le code est présenté avec des fonctions réductibles et que vous ne le voyez pas. Cela peut être dû à l'endroit où vous visualisez votre code par rapport à l'endroit où l'auteur le fait OU cela peut même être un paramètre dans IDE.