Introdução à Tecnologia Web JavaScript Sintaxe da Linguagem: Variáveis Profª MSc. Elizabete Munzlinger www.elizabete.com.br
Profª MSc. Elizabete Munzlinger www.elizabete.com.br
JavaScript – Variáveis Índice 1 – VARIÁVEIS EM JAVASCRIPT ................................................................................... 2 1.1 – Declaração ................................................................................................ 2 a) Regras para nomes de variáveis ................................................................... 2 1.2 – Características das variáveis ....................................................................... 2 a) Case-sensitive ............................................................................................. 2 b) Fracamente tipada....................................................................................... 2 c) Dinamicamente tipada ................................................................................. 2 1.3 – Tipos de Dados.......................................................................................... 3 a) Controle de Tipos ........................................................................................ 3 1.4 – Âmbito/Escopo das Variáveis ...................................................................... 3 Referências Bibliográficas............................................................................................. 3 1
Profª MSc. Elizabete Munzlinger www.elizabete.com.br
1 – VARIÁVEIS EM JAVASCRIPT
1.1 – Declaração Ao declarar variáveis em JavaScript não é necessário definir o seu tipo (int, char, etc), pois as
variáveis são fracamente tipadas. Para declarar uma variável sem efetuar sua inicialização é necessário
usar o modificador var. Caso a variável seja inicializada na linha de declaração o modificador var é
opcional de acordo com o escopo da variável, que pode ser local ou global (ver documento sobre
escopo de variáveis).
Exemplo:
<script type="text/javascript">
var a;
// declaração SEM inicialização
var b = 10;
// declaração COM inicialização
nome = "João";
// declaração COM inicialização
</script>
a) Regras para nomes de variáveis Nomes das variáveis são case-sensitive.
Devem começar com caracteres alfabéticos ou sublinhado.
Não podem conter símbolos e nem espaços.
Não podem ser palavras reservadas.
Podem conter números, mas não podem começar com números.
1.2 – Características das variáveis a) Case-­sensitive Os nomes das variáveis são diferenciadas ao usar letras maiúsculas e minúsculas.
Exemplo:
<script type="text/javascript">
a = 10;
document.write(A);
// undefined. Variável A não definida. A é diferente de a.
document.write(a);
// 10.
</script>
b) Fracamente tipada Variáveis não tem tipo de definido na declaração.
Exemplo:
<script type="text/javascript">
int numero = 100;
numero = 10;
char nome = "João";
nome = "João";
</script>
c) Dinamicamente tipada O fato das variáveis não possuírem um tipo de definido na declaração, permite que possam
receber diferentes valores de diferentes tipos no decorrer da execução do script.
Exemplo:
<script type="text/javascript">
xz = 10;
//
xz = "João";
//
xz = true;
//
xz = 12.5;
//
</script>
xz
xz
xz
xz
é do tipo number (precisão: inteiro)
agora é do tipo string
agora é do tipo boolean
agora é do tipo number (precisão: ponto flutuante)
2
Profª MSc. Elizabete Munzlinger www.elizabete.com.br
1.3 – Tipos de Dados Apesar de as variáveis não possuírem tipo definido na declaração, elas recebem valores que são
de algum tipo. Os tipos aceitos em JavaScript são:
Número (number): números inteiros (9) ou de ponto flutuante (23.6)
Cadeias (string): textos com aspas duplas ou simples (“textual”, ‘textual’)
Booleanos (boolean): verdadeiro/falso (true/false)
Objeto (object): Tipo de variáveis criadas a partir de classes (date())
Nulo (null): Variáveis não inicializadas/vazias (null)
a) Controle de Tipos Sendo as variáveis em JavaScript dinamicamente tipadas, às vezes pode ser necessário efetuar
uma verificação sobre o tipo de conteúdo que uma variável possui num determinado momento
do script. Para essa verificação usamos o método typeof():
Exemplo:
<script type="text/javascript">
var x = 10;
document.write("A variável x é do tipo: " + typeof(x));
x = 6.8;
document.write("A variável x é do tipo: " + typeof(x));
x = "20";
document.write("A variável x é do tipo: " + typeof(x));
</script>
// numeric
// numeric
// string
1.4 – Âmbito/Escopo das Variáveis Define a visibilidade de uma variável pelos scripts na página. Consulte o documento sobre
escopo de variáveis.
Referências Bibliográficas 1. CARDOSO, Márdel. Desenvolvimento web para o ensino superior. Rio de Janeiro: Axcel Books, 2004. 2. CSS.W3C Recomendation: Cascading Style Sheets Home Page. Disponível online em: [http://www.w3.org/Style/CSS/] 3. DOCTYPE. Recommended list of DOCTYPE W3C. Disponível online em: [http://www.w3.org/QA/2002/04/valid-­‐
dtd-­‐list.html] 4. FREEMAN, Eric, FREEMAN, Elisabeth. Use a Cabeça: HTML com CSS e XHTML . Rio de Janeiro: Alta Books, 2008. 5. HTML. HTML Validator W3C. Disponível online em: [http://validator.w3.org/] 6. HTML. HTML Working Group. Disponível online em: [http://www.w3.org/html/wg/] 7. HTML. Overview of HTML. Disponível online em: [http://www.w3.org/html/] 8. HTML. W3C Recomendation: HTML 4.01 Specification. Disponível online em: [http://www.w3.org/TR/html4/] 9. MACEDO, Marcelo da Silva. Construindo sites adotando padrões Web. Rio de Janeiro: Ciência Moderna, 2004. 10. MARCONDES, Christian Alfim. HTML fundamental 4.0. São Paulo: Érica, 2005. 11. SILVA, Maurício Samy. JavaScript -­‐ Guia do programador. São Paulo: Novatec, 2010. 12. W3C. Word Wide Web Consortium. Disponível online em: [http://www.w3.org/] 13. Webdesign. Revista Webdesign. Rio de Janeiro: Artecom, 2010. 14. Wide. Revista Wide. Rio de Janeiro: Artecom, 2011. 15. XHTML. W3C Recomendation: XHTML 1.0 The Extensible HyperText Markup Language (Second Edition). A Reformulation of HTML 4 in XML 1.0. Disponível online em: [http://www.w3.org/TR/xhtml1/] 3