String em JavaScript com aspas simples ou duplas?

Javascript

Uma dúvida que muitos dev's tem é referente a utilização de String na linguagem JavaScript, será que devemos declará-las com aspas 'simples' ou "duplas"? Nesse post tentarei explicar um pouco mais de cada abordagem e ajudar á você resolver como declará-las.

Simples x Duplas

A verdade é que para o JavaScript não faz diferença se você declara uma String com aspas simples ou duplas, para ele as duas maneiras são declarações válidas para uma String.

A grande competição por escolher um ou outro é puramente por gosto particular de cada desenvolvedor, muitos preferem simples, porém, outros preferem duplas. Claro que ambos os casos temos vantagens e desvantagens.

Vantagens das aspas duplas

Imagine que você precise escrever a seguinte String:

It's a new game

Ou:

I'm a Front-End developer

Se estivermos utilizando aspas simples, para ambos as frases devemos escapar a aspa, da seguinte maneira:

console.log('It\'s a new game');
console.log('I\'m a Front-End developer');

Veja que é um pouco chato escrever esse código, porém, se você utilizar aspas duplas, esse escape não é necessário:

console.log("It's a new game");
console.log("I'm a Front-End developer");

Dessa maneira o código ficou mais limpo e simples de ser escrito.

Vantagens das aspas simples

Mas, em contrapartida se você precisar destacar alguma palavra com aspas duplas, vai existir a mesma necessidade de escapar as aspas, por exemplo:

TypeScript é uma "linguagem" de programação

Para escrever essa frase com aspas duplas, assim como fizemos anteriormente, devemos escapar as aspas dentro da String:

console.log("TypeScript é uma \"linguagem\" de programação");

Esse exemplo é um pouco mais chato, pois, tem a necessidade de realizar dois escapes, um para cada aspa.

Porém, utilizando aspas simples, esse escape não é necessário:

console.log('TypeScript é uma "linguagem" de programação');

Portanto, ambas abordagens possuem seus pontos positivos e negativos.

Saiba mais

Para evitar esse tipo de necessidade em realizar o escape podemos utilizar Template Literals também conhecido como Template String, da seguinte maneira:

console.log(`It's a new game`);
console.log(`I'm a Front-End developer`);
console.log(`TypeScript é uma "linguagem" de programação`);

Simplesmente trocamos as aspas por crases (também chamado de acentos graves).

Declarando String's dessa forma, dificilmente será necessário realizar escapes para aspas, tanto dupla quanto simples.

Conclusão

Algumas pessoas dizem uma abordagem ser mais performática do que a outra ou economizar mais espaço, mas, na minha opinião é tudo ilusão, ambos possuem o mesmo tamanho e performance.

O interessante é você criar um padrão particular ou seguir o da sua empresa, dessa meneira, independente se vai adotar a abordagem com aspas simples ou duplas, mantenha um padrão utilizando apenas uma abordagem (de preferência por projeto).

Grandes empresas como Google, Airbnb e Facebook gostam e utilizam String's com aspas simples.

Fique a seu critério utilizar a forma que mais lhe agrada ou convém.

Se você gostou, não deixe de assinar a newsletter e receber novidades toda semana.

Você também poder aprender mais com os vídeos do canal, onde toda terça e quinta feira as 9h tem vídeos novos.

Além dos conteúdos você também pode apoiar o blog ou canal através do apoia-se

Matheus Castiglioni

Matheus Castiglioni

Apaixonado pelo mundo dos códigos e um eterno estudante, gosto de aprender e saber um pouco de tudo, aquela curiosidade de saber como tudo funciona, tento compartilhar o máximo de conhecimentos adquiridos e ajudar todos aqueles que sou capaz.

Post's Relacionados

Visualize outros post's relacionados ao mesmo assunto:

Otimizando componentes do React com PureComponent

Javascript
Uma dúvida que muitos dev's tem é referente a utilização de String na linguagem JavaScript, será que devemos declará-las com aspas 'simples' ou "duplas"? Nesse post tentarei explicar um pouco mais de cada abordagem e ajudar á você resolv...
Continuar lendo

Programação Imperativa x Declarativa

Javascript
Uma dúvida que muitos dev's tem é referente a utilização de String na linguagem JavaScript, será que devemos declará-las com aspas 'simples' ou "duplas"? Nesse post tentarei explicar um pouco mais de cada abordagem e ajudar á você resolv...
Continuar lendo

Criando componente com Shadow DOM

Javascript
Uma dúvida que muitos dev's tem é referente a utilização de String na linguagem JavaScript, será que devemos declará-las com aspas 'simples' ou "duplas"? Nesse post tentarei explicar um pouco mais de cada abordagem e ajudar á você resolv...
Continuar lendo

Trabalhando com eventos no JavaScript

Javascript
Uma dúvida que muitos dev's tem é referente a utilização de String na linguagem JavaScript, será que devemos declará-las com aspas 'simples' ou "duplas"? Nesse post tentarei explicar um pouco mais de cada abordagem e ajudar á você resolv...
Continuar lendo

Referenciando componentes no React

Javascript
Uma dúvida que muitos dev's tem é referente a utilização de String na linguagem JavaScript, será que devemos declará-las com aspas 'simples' ou "duplas"? Nesse post tentarei explicar um pouco mais de cada abordagem e ajudar á você resolv...
Continuar lendo