Desvendando os segredos do uso das aspas em strings Javascript.

Recentemente, li em um livro ( Iniciando em Javascript 1.5 exemplos práticos Adriane K., Kathie K.), uma coisa que eu sempre me perguntava, mas nunca procurava por sua resposta.

Qual a diferênça entre o uso de aspas simples ( ‘ ‘ ) e de aspas duplas ( ” ” )  para representar uma string em javascript?

Qual a diferênça?

var filhos = ” João tem 2 filhos.”;

var filhos2 = ‘ João tem 2 filhos.’;

Bom, neste caso não à diferença alguma. Mas, imagine que, você queira repasar uma frase de um outro texto dentro desta string?

Hum, confuso ?

Então veja.

var filhos3 = ‘ João tem 2 filhos “pedrinho e zézinho, são meus filhos”.. ‘;

Percebeu agora porque uma string pode ser declarada entre aspas simples ou duplas?

O quê ainda não entendeu?

Ok, mais uma chance pra você!

var banner_dinamico = ” .banner { background-color:white, font-family: ‘Times New Roman’ }”;

Certo, se você não conseguiu idenficar, vou explicar.

A sacada é a seguinte, se você precisar usar aspas simples ( ‘ ‘ ) dentro de uma string em javascript, você pode declarar esta string com aspas duplas( ” ” ), assim o interpretador javascript vai interpretar as aspas simples ( ‘ ‘ ) como sendo parte da string, do mesmo modo pode-se seguir este raciocinio para declarar strings que necessitem o uso de aspas duplas ( ” ” ) declarando-as entre aspas simples (‘ ‘ ). Legal né!

Ótimo, mas se eu precisa-se usar os dois tipos em uma única string, como ficaria?

Simples, ai entra o uso do caracter especial ( \ ) de javascript chamado caracter de escape ( \ ), ficando assim então.

var filhos4 = ” João tem 2 filhos,\”pedrinho e zézinho, são meus filhos\”..Ext.getCmp(‘filhos4’); “;

E é isso ai então, fica mais essa dica ai pra vocês.

3 Comentários

Arquivado em Javascript

3 Respostas para “Desvendando os segredos do uso das aspas em strings Javascript.

  1. Você escreveu “então” com “i”!! pqp!, encontrei esse blog sem querer, e quase vomitei quando vi isso…

  2. anestesya

    Rodrigo, muito bem visto! o_0
    c axa q descuido meu!

  3. Muito bom cara… Ignora qualquer tipo de comentário degenerativo. Não vale à pena!!

Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s