Entendendo validações e operações aritméticas com Javascript
Nesse tutorial abordo alguns temas da linguagem Javascript, tais como: variáveis, operadores, caixas de diálogo, comando de impressão, funções, eventos e conversão de tipos.
Parte 2: Variáveis e operadores
Variáveis
Neste momento é hora de entender as variáveis no Javascript.As variáveis no Javascript são definidas como:
- Toda variável deve começar com uma letra ou um underscore("_");
- Caracteres subsequentes devem ser letras ou números;
- Não deve conter espaço em branco ou caracteres especiais;
- Não deve ser uma palavra reservada.
Javascript é case-sensitive, logo as variáveis abaixo são todas diferentes:
- quantidade
- QUANTIDADE
- Quantidade
- QUantidade
Entendendo os tipos de variáveis
Javascript é uma linguagem de tipos de variáveis flexíveis, ao contrário de outras linguagens que exigem a declaração de uma variável com um tipo de dado definido.Logo, não precisamos definir o tipo de uma variável, com isso podemos mudar seu valor de texto para número, por exemplo, durante a execução do script (essa prática deve ser evitada).
Ex.:
var nome="Leonardo";
ou
nome="Leonardo";
ou
var nome;
Obs.: Nos dois primeiros exemplos, declaramos a variável nome já com a informação, no último exemplo, declaramos a variável nome vazia.
Nos códigos em Javascript, tem hora que precisamos comentar uma function "FUNÇÃO", ou uma boa parte do código para efetuarmos testes, É uma boa prática inserirmos comentários em nossos códigos, em Javascript podemos fazer isso de duas formas:
Para comentários de várias linhas:
/* Inserimos aqui
Nossos comentários
Em várias linhas
*/
Nossos comentários
Em várias linhas
*/
Para comentários de uma única linha:
//Aqui inserimos somente uma linha de comentário
De repente você se depara numa lógica que envolve operadores aritméticos e diz: Socorro! Relaxa... É tudo uma questão de prática, pois operadores aritméticos no Javascript são muito simples.
Para você verificar a tabela abaixo, declaramos uma variável x igual a 10:
var x=10;
| Operador | Exemplo | Resultado |
| + Adição | z = x + 10; | z = 20; |
| - Subtração | z = x - 10; | z = 0; |
| * Multiplicação | z = x * 10; | z = 100; |
| / Divisão | z = x / 10; | z = 1; |
| % Resto de uma operação de divisão | z = x % 10; | z = 1; |
| ++ Incremento antes | z = ++z; | z = 11; |
| Incremento depois ++ | z = z++; | z = 10; |
| -- Decremento antes | z = --z; | z = 9; |
| Decremento depois -- | z = z--; | z = 10; |
Operadores de atribuição
Para você verificar a tabela abaixo, declaramos duas variáveis:
var x=10;
var y=2;
var y=2;
| Operador | Exemplo | Equivalência | Resultado |
| = | x = y | - | x = 2 |
| +=::x += y | x | = x + y | x = 12 |
| -=::x -= y | x | = x - y | x = 8 |
| *=::x *= y | x | = x * y | x = 20 |
| /=::x /= y | x | = x / y | x = 5 |
| %= | x %= y | x = x % y | x = 0 |
Concatenação de strings
Também usamos o operador "+" para concatenar string (textos) em Javascript.Ex.:
var x="Bom";
var y="dia";
var z = x + y;
// após a execução o resultado será: z=Bom dia
var y="dia";
var z = x + y;
// após a execução o resultado será: z=Bom dia
Cuidado, quando usamos o operador "+" com números e textos, o resultado é sempre texto;
var x=4;
var y="a";
var z=x+y; // o resultado será z="4a"
var x="4";
var y="4";
var z=x+y; //o resultado será z="44"
var y="a";
var z=x+y; // o resultado será z="4a"
var x="4";
var y="4";
var z=x+y; //o resultado será z="44"
Operadores de comparação
Para você verificar a tabela abaixo, declaramos uma variável.
var x=10;
| Operador | Descrição | Exemplo |
| == | Igual a | x ==20 (falso) |
| === | Exatamente igual a | x ===10 (verdadeiro)x ==="10" (falso) |
| != | Diferente de | x!=20 (verdadeiro) |
| < | Menor que | x <20 (verdadeiro) |
| <= | Menor ou igual a | x <=10 (verdadeiro) |
| > | Maior que | x >20 (falso) |
| >= | Maior ou igual a | x >=10 (verdadeiro) |
Operadores lógicos
Para você verificar a tabela abaixo, declaramos duas variáveis:
var x=10;
var y=2;
var y=2;
Tabela verdade:
| Operador | Descrição | Exemplo |
| && | e | (x > y && y < 5) (verdadeiro) |
| || | ou | (x > y || y > 5) (verdadeiro) |
| ! | Negação | ! (x != y) (falso) |
| Expressão 1 | Expressão 2 | && | || |
| true | true | true | true |
| true | false | false | true |
| false | true | false | true |
| false | false | false | false |
| Expressão | ! |
| true | false |
| false | true |
Onde:
- true = verdadeiro
- false = falso
eu programo há bastante tempo em Javascript e vi a evolução recente da linguagem, de uma ferramenta para pequenos programas web, para uma linguagem completa de programação utilizada em grandes projetos (Como o navegador Firefox, implementado em javascript e C++ sobre uma API imensa baseada no Gecko e em uma linguagem de interface gráfica chamada XUL (ver https://developer.mozilla.org/en-US/).
O Google levou o Javascript para um novo patamar, ao programar aplicativos como o GMail e o Google Docs em HTML e Javascript. Esses sistemas são longe de serem pequenos ou simples scripts.
O Javascript pode ser utilizado para fazer aplicativos stand-alone (usando o XULRunner, o SpiderMonkey/TraceMonkey ou o Rhino, o Javascript desenvolvido sobre a plataforma Java).
Mas nada disso tira o mérito de sua explicação, principalmente quanto à comparação com a linguagem Java, cuja proposta é completamente diferente.
A única coisa que eu possa, realmente, discordar é que Javascript "simule" programação orientada a Objetos. Uma linguagem Orientada a Objetos não é apenas uma que tenha uma palavra reservada "class", como o Java ou o C++, mas uma que possua ferramentas necessárias para a programação orientada a objetos. Quando você diz que o Javascript não é orientada a objetos, é porque o Javascript é uma linguagem que não força utilização de determinado paradigma de programação.
Javascript é considerada Orientada a Objetos em sentido estrito e suporta totalmente o OOP através do conceito de "protótipos", como pode ser visto no link http://en.wikipedia.org/wiki/Prototype-based . Além disso, Javascript possui poderosas capacidades dinâmicas que podem classificá-la como uma linguagem funcional, par a par com o Lisp.
Infelizmente, os maiores usuários de JavaScript são designers que possuem conhecimento restrito de programação adequado ao trabalho deles, que é fazer design, não programar. Acho que a internet seria muito melhor se mais programadores se aproximassem do JavaScript ou se mais Designers se tornassem programadores efetivamente.
Parabéns pelo seu artigo.