Script var : Liste des caractères autorisés dans les noms de variable

Liste des caractères ASCII et affichage des caractères autorisés dans le nommage des variables.

Partie III : Pour aller encore plus loin avec JavaScript

Edition 1 | Chapitre 23 : Bibliothèques et frameworks / Page 303

Edition 2 | Chapitre 23 : Les langages dérivés de JavaScript / Page 317

Edition 3 | Chapitre 23 : Les langages dérivés de JavaScript / Page 317

<html>
<head><title>Caractères autorisés pour les variables JavaScript</title>
</head>
<body><div id="ascii"></div><script type="text/javascript">var ascii="";var classe="";for (var i=0; i<256; i++) {try {classe="autoriseFirst";eval("var "+String.fromCharCode(i)+"1=1;"); } catch(e) {classe="autorise";try {eval("var variable"+String.fromCharCode(i)+"1=1;"); } catch(e) {classe="interdit";}}ascii+="<div class='indice'>"+i+"</div>";ascii+="<div class='char "+classe+"'>"+String.fromCharCode(i)+"</div>";ascii+="<div class='break'></div>";}document.getElementById("ascii").innerHTML=ascii;</script><div class="legendes"><div class="legende">LEGENDE :</div><div class='break'></div><div class="legende interdit">Caractère interdit</div><div class='break'></div><div class="legende autoriseFirst">Caractère autorisé</div><div class='break'></div><div class="legende autorise">Caractère autorisé sauf en 1<sup>ère</sup> position</div><div class='break'></div></div><style type="text/css">body {font-size:16px;font-family: courier;}div.indice, div.char {display:inline-block;}div.indice {color:#999;text-align:right;width:30px;padding-right:5px;border:1px solid #fff;margin-top:1px;
` }div.char, div.legende {text-align:center;width:40px;}div.legende {background: #fff;font-weight:bold;width:300px; font-size:12px;}div.legendes {padding-top:10px;margin-top:10px;text-align: center;width:100%;}div.break {clear:both;}div#ascii {background: #fff;-webkit-column-count: 5; /* Chrome, Safari, Opera */-moz-column-count: 5; /* Firefox */column-count: 5;}div.autoriseFirst {color:#fff;padding:2px;border:1px solid #6a6;background:#6a6;margin-top:1px;}div.autorise {color:#6a6;padding:2px;border:1px solid #6a6;margin-top:1px;}div.interdit {color:#a66;padding:2px;border:1px solid #fff;margin-top:1px;}</style>
</body>
</html>

Exécution du script

Emulation de la console

Code source

<html><head>    <title>Caractères autorisés pour les variables JavaScript</title></head><body>    <div id="ascii"></div>    <script type="text/javascript">        var ascii="";        var classe="";        for (var i=0; i<256; i++) {            try {                classe="autoriseFirst";                eval("var "+String.fromCharCode(i)+"1=1;");              } catch(e) {                  classe="autorise";                try {                    eval("var variable"+String.fromCharCode(i)+"1=1;");                  } catch(e) {                      classe="interdit";                }            }                        ascii+="<div class='indice'>"+i+"</div>";            ascii+="<div class='char  "+classe+"'>"+String.fromCharCode(i)+"</div>";            ascii+="<div class='break'></div>";        }        document.getElementById("ascii").innerHTML=ascii;    </script>    <div class="legendes">        <div class="legende">LEGENDE :</div><div class='break'></div>        <div class="legende interdit">Caractère interdit</div><div class='break'></div>        <div class="legende autoriseFirst">Caractère autorisé</div><div class='break'></div>        <div class="legende autorise">Caractère autorisé sauf en 1<sup>ère</sup> position</div><div class='break'></div>    </div>    <style type="text/css">        body {            font-size:16px;            font-family: courier;        }        div.indice, div.char {          display:inline-block;        }        div.indice {         color:#999;         text-align:right;         width:30px;         padding-right:5px;           border:1px solid #fff;          margin-top:1px;`        }        div.char, div.legende {          text-align:center;          width:40px;        }        div.legende {          background: #fff;          font-weight:bold;          width:300px;             font-size:12px;        }        div.legendes {            padding-top:10px;            margin-top:10px;            text-align: center;            width:100%;        }        div.break {          clear:both;        }        div#ascii {          background: #fff;          -webkit-column-count: 5; /* Chrome, Safari, Opera */          -moz-column-count: 5;    /* Firefox */          column-count: 5;        }        div.autoriseFirst {          color:#fff;           padding:2px;          border:1px solid #6a6;          background:#6a6;          margin-top:1px;       }        div.autorise {          color:#6a6;          padding:2px;          border:1px solid #6a6;          margin-top:1px;        }        div.interdit {          color:#a66;          padding:2px;           border:1px solid #fff;          margin-top:1px;       }    </style></body></html>

Troisième édition Tout JavaScript chez Dunod

En savoir plus
Sortie le 4 janvier 2023

Version papier 29€90
Format électronique 22€99.

Commandez en ligne

Dunod Fnac Amazon

Le graph des objets JavaScript

Chargement
en cours...