Introdução Ao Javascript Parte 3

Tutorial Anterior > Introdução Ao Javascript Parte 2

Nesta sequência dos tutoriais que abordam a base para programar em javascript vamos lidar com variáveis. São espaços na memória que recebem os valores que vão alimentar o código, enquanto outras vão receber o resultado deste processamento.

Variáveis

O nome da variável pode começar com letras, sinal de cifrão ($) e underline (_). Não são aceitos números ou outros símbolos. Quando o nome da variável for composto por mais de uma palavra não é permitido adicionar espaço entre elas e costuma-se utilizar o CamelCase, onde a primeira palavra começa com inicial minúscula e as seguintes com maiúsculas (variavelNome).

Para criar uma variável no javascript basta incluir a palavra reservada var na frente.

var texto;

Criar variáveis desta maneira é conhecido por tipagem fraca, onde não é preciso definir a natureza da informação que irá preencher a variável. Em qualquer ponto do código uma variável que continha texto pode passar a conter um número.

Caso necessário, você pode definir um valor padrão para a variável quando ela for declarada. Para isso, depois do nome da variável é posto o sinal de igual (=) e o valor.

var texto = ‘texto dentro da variável’;

Diversas variáveis podem ser declaradas em uma mesma linha, basta separá-las por vírgula.

var texto = ‘texto dentro da variável’, titulo=’titulo principal’, numero=100;

A utilização das aspas somente é obrigatória quando trabalhamos com texto.

Acima você viu o jeito certo de criar uma variável, declarando no início do código organizadamente. Mas se no meio do código você escrever:

valor = 1100;

Será criada uma variável contendo 1100. É uma forma desaconselhável de criar variáveis, mas possível.

Escopo Das Variáveis

As variáveis tem um campo de atuação definido. Uma variável criada dentro de uma função, por padrão poderá ser utilizada somente dentro desta. Enquanto uma variável criada no início do código é utilizável em qualquer parte dele.

var geral;



function acao(){

var limitada=’funciona somente dentro da função’;

geral = ‘pode ser usada aqui dentro também’;

}

A variável ‘geral’ é também chamada de variável global, pois pode ser utilizada em qualquer ponto do código. Enquanto que utilizar a variável ‘limitada’ fora da função retorna o erro “is not defined”.

Para que uma variável de função possa ser utilizada fora dela é preciso retornar esta variável utilizando a palavra reservada return.

function acao(){

var limitada=’funciona fora da função’;

return limitada;

}



var recebe = acao();

Mas por que eu estou preenchendo uma variável com a função ao invés da variável ‘limitada’ que foi retornada? Porque daí seria muito fácil. Mas pelo menos agora ‘recebe’ contém o texto ’funciona fora da função’.

Existe outra maneira de deixar uma variável disponível fora do escopo da função sem a necessidade de retornar o resultado para uma variável. Para isso, basta não colocar o var na frente do nome da variável na hora da criação. Desta maneira a variável torna-se global. O que não é aconselhável.

Apesar da possibilidade de alteração do escopo das variáveis é uma prática que deve ser feita com moderação para evitar confusão no código.

typeof

Pelo dinamismo com que pode ser atribuídos valores as variáveis em algum ponto pode ser que você já não saiba exatamente que tipo de dado ela contém. Ou talvez ela receba dados enviados pelo usuário e você precisa saber se foi enviado um número ou texto e desta forma executar uma função específica.

Nestes momentos entra em ação o operador typeof. Ele informa qual o tipo de dado que contido na variável. Os possíveis são:

boolean = do tipo lógico true ou false;
number = somente número;
string = texto, que pode conter número;
undefined/null = quando a variável foi declarada mas não contém valor;
object = se a variável faz referência a um objeto ou é do tipo null.

Conversão E Análise Das Variáveis

Se por algum motivo operacional você precisar alterar a natureza do valor contido na variável, o javascript disponibiliza algumas funções nativas.

parsetInt() – transforma uma string em integer. Se além do número houver texto, é retornado apenas o número; contanto que ele esteja no início. Já se o número estiver no meio, é retornado NaN (not a number).

var numero = parseInt(“20”); //20

var numero = parseInt(“20 é par”); // retorna 20

var numero = parseInt(“o número 20 é par”); // retorna NaN



<code>



<strong>parseFloat()</strong> – funciona da mesma forma que o parseInt() com a diferença de lidar com números de ponto flutuando.



<strong>Number()</strong> – uma versão mais geral das duas últimas funções, ele tenta converter todo o valor passado e decide se utiliza parseInt() ou parseFloat().



<code>



var numero = Number(“20”); //20

var numero = Number (“20 é par”); // retorna NaN 

var numero = Number (“o número 20 é par”); // retorna NaN

toString() e String() – transformam o valor passado em string. Diferem na forma de aplicação, mas fazem o mesmo trabalho.

var numero = 20;

var texto = numero.toString(); // retorna “20”

var texto = String(numero) / retorna “20”

isNaN() – analisa o valor passado e retorna true se ele não for um número (not a number) e false se for número.

escape() – para valores que precisam ser enviados via rede e por isso codificados.

var codificado = escape(“trecho a ser encondado”); // retorna trecho%20a%20ser%20encondado

unescape() – desfaz a codificação.

var codificado = escape(“trecho%20a%20ser%20encondado”); // retorna trecho a ser encondado

eval – se o conteúdo da variável passada for um código javascript ele será executado.

var codigo = "parseInt('20 vezes')";

alert(eval(codigo)); // mostra 20

Operações Aritméticas

Além de converter e analisar os valores recebidos, pode ser que você precise realizar operações matemáticas ou somar o conteúdo das variáveis.

Realizar cálculos no javascript não tem mistério. É como utilizar a calculadora do computador.

var numero = 10;

numero = numero + 1; //retorna 11

numero = numero - 1; // retorna 10 já que a variável estava valendo 11

numero = numero * 10; // retorna 100

numero = numero / 2; // retorna 50 já que a variável estava valendo 100

numero = numero % 7; // retorna 1 que é o resto da divisão de 50 por 7

A novidade é a operação com o sinal de porcentagem que divide pelo número, mas não retorna o valor da divisão e sim o excedente desta divisão.

Para incrementar ou subtrair uma unidade do valor, você pode escrever:

var numero = 10;

numero = numero + 1; 

numero = numero - 1; 

Ou pode utilizar a forma abreviada com o ++ e o –:

var numero = 10;

numero++; //variável vale 11

numero-- //variável vale 10 novamente

Quando a operação matemática for de maneira que a variável deve ser calculada e o resultado retornado a ela, o símbolo da operação pode ser posto antes do sinal de igual e substituir desta maneira a necessidade de escrever a variável duas vezes.

Ao invés de escrever:

var numero = 10;

numero = numero + 3 // resulta 13

numero = numero * 2 // resulta 26

numero = numero / 13 // resulta 2

numero = numero - 1 // resulta 1

Você pode tornar o código mais legível e menor escrevendo:

var numero = 10;

numero += 3 // resulta 13

numero *= 2 // resulta 26

numero /=13 // resulta 2

numero -= 1 // resulta 1

Concatenando Atrings

Não são apenas números que podem ser somados. Um texto pode ser criado com a junção de duas ou mais variáveis que contenham os trechos desejados.

var nome = ‘Nome’;

var sobrenome = ‘Sobrenome’;

var completo = nome + ‘  ‘ + sobrenome; // Nome Sobrenome



//ou



var nome = ‘Nome’;

var nome += ‘ Sobrenome’; // a variável nome agora contém “Nome Sobrenome”

O mesmo truque que vimos acima sobre utilizar o operador ao invés de repetir o noem da variável vale quando trabalhamos com strings. Mais adiante veremos funções e métodos para trabalhar com strings, para que possamos subtrair e dividir o texto.

Próximo Tutorial > Introdução Ao Javascript Parte 3