Bonne pratique: En JS simple ou double quotes

hiddenDev -  
jordane45 Messages postés 30427 Date d'inscription   Statut Modérateur Dernière intervention   -
Bonjour,

En javascript, dans notre code source, ont utilise soit des simples cotes ou soit des doubles cotes mais pas les deux pour rester cohérent.

Que pensez vous de cette pratique ?

2 réponses

  1. Zero
     
    Salut,

    Comme pour PHP, il existe des "recommandations", des règles de codages pour la lisibilité et la maintenabilité du code.

    Bien que chacun est libre de coder à sa façon, je vous invite à suivre ces règles pour éviter le code moche et brouillon ^^

    JS:
    https://standardjs.com/rules-fr.html

    Pour PHP au cas où :
    https://www.php-fig.org/psr/
    1
  2. jordane45 Messages postés 30427 Date d'inscription   Statut Modérateur Dernière intervention   4 832
     
    Bonjour,
    aucune importance.....
    ça n'influe en rien sur le fonctionnement des scripts.

    0
    1. ElBarto
       
      Ou presque:

      Les simple quotes sont prioritaires sur les doubles. Donc s'il y a les 2 ce sera les simple quote qui seront d'abord interprétées.

      Côté pratique il est aussi plus rapide à écrire :
      //-- ici pas besoin d'échapper l'apostrophe c'est du texte
      document.getElementById('test').innerHTML='<p class="laclasse" >du texte</p>';
      //-- alors que là il faut pour indiquer la différence entre début/fin de chaîne et guillemets des attributs:
      document.getElementById("test").innerHTML="<p class=\"laclasse\" >du texte</p>";
      //-- et bien sûr ceci est faux et provoque un bug(à cause de la priorité ce sont les simple d'abord pris en compte:
      document.getElementById("test").innerHTML="<p class='laclasse' >du texte</p>";
      
      //-- bien sûr ceci est encore plus rapide
      document.getElementById("test").innerHTML="<p class=laclasse >du texte</p>";
      //--- /!\ uniquement en HTML5 qui est plus permissif tandis que le 1er cas fonctionne même pour la DTD XML
      
      


      C'est un détail pour vous mais pour taper ça veut dire 2 anti-slash de moins
      0
      1. jordane45 Messages postés 30427 Date d'inscription   Statut Modérateur Dernière intervention   4 832 > ElBarto
         

        //-- et bien sûr ceci est faux et provoque un bug(à cause de la priorité ce sont les simple d'abord pris en compte:
        document.getElementById("test").innerHTML="<p class='laclasse' >du texte</p>";

        Ah ? et depuis quand ?? as tu essayé au moins ?
        car personnellement... je l'utilise très régulièrement.... sans aucun souci.
        La problème ne se posant qu'en cas d'apostrophe si il y a dans un text..... mais ce n'était pas la question.....
        0