Entendendo validações e operações aritméticas com Javascript

LinuxTec

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.

[ Hits: 25.649 ]

Por: jose claudio em 04/08/2010

0 0

Denuncie Favoritos Indicar Impressora

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";

nome="Leonardo";

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

*/

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;

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

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"

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;

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

Página anterior Próxima página

Páginas do artigo

   1. Entendendo Javascript
   2. Variáveis e operadores
   3. Caixas de diálogo e comando de impressão
   4. Funções, eventos e conversão de tipos

Outros artigos deste autor

Nenhum artigo encontrado.

Leitura recomendada

Automação de tarefas com Gulp

Manual de XHTML

AJAX - Parte 1

Extensões imperdíveis para quem usa o Git (e o GitHub) no Brackets

JavaScript - Programação orientada a objetos

Comentários

[1] Comentário enviado por psfdeveloper em 25/08/2010 - 12:44h

Caro José,

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.

0 0