Apostrophes et guillemets

bonjour
Même si cela revient au même, je voudrais savoir quel est le bon usage par rapport aux guillemets
merci

1: var test = document.querySelector(".test");
ou
2: var test = document.querySelector('.test');

3: var site = "monsite.com";
ou
4: var site = 'monsite.com';


5: test.innerHTML = "mon texte <a href='" + site + "'>nom autre texte</a>";
ou
6: test.innerHTML = "mon texte <a href=\"" + site + "\">nom autre texte</a>";
ou
7: test.innerHTML = 'mon texte <a href="' + site + '">nom autre texte</a>';
ou
8: test.innerHTML = 'mon texte <a href=\"' + site + '\">nom autre texte</a>';

Modifié par nantais (04 Jun 2021 - 08:48)

Salut!

Effectivement, ça ne change pas grand chose.

Ce qui est important c'est de rester consistant, et de se servir de la même pratique dans tout son code.

Salut,

Ca ne change effectivement rien mais, arrêtez moi si je me trompe, par convention en Js on a tendance a préférer écrire les string avec des simple quote et les double pour le html (donc 2 4 et 7)

Visiblement il n'y a pas vraiment de convention quant à l'utilisation des quotes

https://medium.com/geekculture/string-literals-in-javascript-should-i-use-double-quotes-or-single-quotes-3639342480f9

Après ça va dépendre de la boîte dans laquelle tu bosses, de son linter, etc.

En React je me sers des simples quotes, pour le JS et le JSX, sinon ESLint me hurle dessus

merci pour vos reponses
donc... on fait comme on veut

Oui, c'est vrai, il y a même des frameworks qui changent de paradygme à la version suivante. En JS j'ai l'impression que la mode revient au double quotes. Personnellement je vois pleins d'avantages au guillemet simple (m'évitait une prise de tête entre back et front pour les rendus, du moins ça c'était avant que j'utilise un moteur de template).

Au final cette histoire, c'est un peut comme celle de l'indentation, tabulaire vs deux espaces...