Manual completo javascript

Neste exemplo foi definida a variável valor que armazena o valor 30 em seu

conteúdo, em seguida, através do objeto document foi usado o método write

que escreverá no corpo da página o texto Resultado do cálculo e em seguida

o resultado da expressão (10*2)+valor que resultará em 50.

Caso tenha que executar outro cálculo abaixo do primeiro, utilize o tag HTML

<BR> após o cálculo, separando-o com vírgula e entre aspas. Veja o exemplo

abaixo:

document.write("Resultado do cálculo ",(10*2)+valor,“<BR>”)

document.write("A soma de 5+2 é: ",5+2)

O resultado iria apresentar os valores dos cálculos um abaixo do outro, veja

agora o mesmo exemplo colocando o resultado em negrito através do tag

HTML <B>.

document.write("A soma de 5+2 é: ","<b>",5+2,"</b>")

lembre-se que estas instruções deverão estar entre as tag’s HTML <SCRIPT>

e </SCRIPT>. No caso de querer utilizar alguma instrução HTML, atribua-as

entre aspas como propriedade do método conforme exemplo mostrado

anteriormente.

LITERAIS

São representações de números ou strings, estas informações são fixas, bem

diferente das variáveis, não podem ser alteradas. As variáveis são criadas na

execução do programa, já os literais fazem parte do código-fonte. Veja abaixo

alguns exemplos de literais:

52 Número inteiro.

2.1518 Número de ponto flutuante.

“Adriano Gomes Lima” Texto.

Existem vários tipos de literais, eis os existentes:

INTEIROS (INTEGER)

Representam números positivos, negativos ou fracionários. Exemplo:

A=500

B=0.52

C=-32

PONTO FLUTUANTE

Este literal também chamado de notação científica é representado da seguinte

maneira:

2.34e4

O número 2.34 é multiplicado por dez à quarta potência, ou 2.34*10000.

BOOLEANOS

Este tipo de literal representa valores lógicos que podem ser:

TRUE ou 1

FALSE ou 0

LITERAIS STRING

Este literal representa qualquer cadeia de caracteres envolvida por aspas ou

apóstrofo. Veja abaixo alguns exemplos:

“Adriano Lima”

‘CFP-INFORMÁTICA’

“”

“500”

Mesmo sendo número, as aspas fazem com que o literal seja uma string.

CARACTERES ESPECIAIS

Estes caracteres são especificados dentro de uma string. Veja na tabela abaixo

estes caracteres e sua descrição:

Caractere Descrição

\n Insere uma quebra de linha.

\t Insere uma tabulação.

\r Insere um retorno.

\f Insere um caractere de barra.

\t Tabulação.

\’ Apóstrofo.

\” Aspas.

\\ Barra Invertida.

\XXX

Caractere representado pela

codificação Latin-1. Exemplo \251

OBS: As letras dos operadores devem apresentar-se em letras minúsculas.

EXPRESSÕES

Uma expressão é normalmente uma combinação de variáveis, literais,

métodos, funções e operadores que retornam um valor qualquer. Usada para

atribuir valores em variáveis ou até mesmo para testá-la e atribuir uma ação

específica com base do seu resultado. Veja o exemplo da criação de uma

variável numérica:

numero=5

Neste exemplo fora atribuído o valor número 5 à variável chamada numero.

Esta atribuição de valor pode ser considerada uma expressão. Veja outro

exemplo de expressão:

numero2=5*2

Neste exemplo foi atribuído o resultado da expressão 5*2 à variável chamada

numero2 que neste caso é 10. Vejamos outro exemplo em outra situação:

If numero+numero2 > 10

Já neste exemplo foi usado a instrução condicional if que testa o resultado da

expressão numero+numero2 e em seguida o compara com o número 10. Se

o resultado da expressão for superior à 10, a mesma retornará o valor

booleano TRUE, em caso contrário o valor passa a ser FALSE.

OPERADORES

Os operadores são utilizados em expressões para comparar seus conteúdos. O

operador mais utilizado em uma linguagem de programação é o de atribuição

conhecido como sinal de igualdade (=). Veja abaixo alguns exemplos de sua

utilização:

X=50

X=30*5/2

X=Y

Além deste caractere de atribuição, é possível a utilização de outros

operadores como mostrado à seguir:

x += y

x -= y

x *= y

x /= y

x %=y

Analisando os operadores apresentados, podemos defini-los de outra maneira,

conforme mostrado abaixo:

x = x + y

x = x – y

x = x * y

x = x / y

x = x % y

Veja a relação dos operadores que são utilizados na linguagem JavaScript:

ARITMÉTICOS

Operador Descrição

+ Adição

- Subtração

* Multiplicação

/ Divisão

% Módulo

OBS: O operador Módulo retorna o resto da divisão do operandos um e dois.

OPERADORES DE INCREMENTO E DECREMENTO

Além dos operadores apresentados anteriormente, existe outro tipo de

operador que têm a tarefa de aumentar e/ou diminuir o valor do operando. O

operador incremental é representado pelo duplo sinal de adição “++”, já o

operador decremental é representado pelo duplo sinal de subtração “--". Veja

a seguir alguns exemplos:

variável++ ou ++variável

variável-- ou --variavel

Sempre que o operador for colocado antes do operando, é incrementado ou

decrementado o operando e o valor é atualizado. Em caso contrário, será

retornado o valor do operando para depois ocorrer o incremento ou

decremento. Observe um exemplo:

x = 10

A = x++

Neste exemplo, foi atribuído à variável x o valor numérico 10, e em seguida é

atribuído à variável A o valor de x incrementado, neste caso a variável A

recebe o valor numérico 11. analisando o caso contrário:

x = 10

A = ++x

Já neste caso x é incrementado e o novo valor é atribuído em A. O mesmo

ocorre para o operador de decremento.

ANOTAÇÕES:

______________________________________________________

OPERADORES RELACIONAIS

Estes operadores comparam o conteúdo dos operandos e retornam um valor

booleano TRUE ou FALSE, baseado no resultado da comparação. Veja a

relação destes operadores.

Operador Descrição

> Maior que

< Menor que

>= Maior ou igual

<= Menor ou igual

= Atribuição

== Igualdade

=== Igual e mesmo tipo

!= Diferente

Somente será retornado TRUE se a comparação satisfizer a condição.

OPERADORES LÓGICOS

Para estes operadores, são exigidos valores booleanos, como operandos, e

será retornado um valor lógico.

Operador Descrição

&& ou AND E

|| ou OR OU

! ou NOT NÃO

O operador “&&” retorna TRUE somente se todas as expressões forem

verdadeiras.

O operador “||” retorna TRUE se uma das expressões forem

verdadeiras. Se as duas forem falsas, será retornado FALSE.

O operador “!” nega uma expressão. Se for verdadeira, será retornado

FALSE. Se for falsa, será retornado o valor TRUE.

OPERADOR DE CONCATENAÇÃO DE STRING

Para concatenar duas ou mais string’s, basta utilizar o sinal de adição, veja um

exemplo:

A = “ADRIANO”

B = “LIMA”

C=A+B

D=“Senac”+“Minas”

DECLARAÇÕES

Vejamos agora uma relação das declarações existentes na linguagem

JavaScript que são utilizadas na criação da estrutura lógica de um programa.

Normalmente estas declarações são atribuídas às tomadas de decisões, laços

repetitivos e funções.

OPERADOR NEW

Este operador irá permitir que o usuário crie uma nova instância de um objeto

definido. Veja sua sintaxe:

NomeObjeto=new Tipo(parâmetros)

PALAVRA-CHAVE THIS

Esta palavra-chave é utilizado para fazer referência ao objeto corrente. Veja

sua sintaxe:

this.propriedade

BREAK

Esta instrução desvia o JavaScript de uma estrutura controlada e continua sua

execução na primeira linha após o bloco da instrução onde foi encontrado. Esta

instrução pode ser utilizada em estruturas baseadas nas seguintes intruções:

for

for...in

while

UTILIZAÇÃO DE COMENTÁRIOS

Assim como qualquer outra linguagem de programação, a linguagem

JavaScript faz o uso de comentários que irão permitir ao programador inserir

anotações referentes ao seu desenvolvimento ou explicar determinada

operação de seu script. Estes comentários na execução do script, são

ignorados pelo interpretador (browser). Veja a sintaxe do uso de comentários

na linguagem JavaScript:

// Comentário de uma linha de texto.

/* Comentário de várias linhas de texto,

continuação do comentário de várias linhas */

Conforme visto no exemplo anterior, quando o comentário for um pequeno

texto que irá ocupar uma linha o usuário fará o uso da instrução “//” caso o

mesmo irá compor mais linhas de texto no início do comentário utiliza-se a

instrução “/*”, e após a última linha de texto encerra-se com a instrução

“*/”.

Além destes comentários é recomendável que utilize antes de iniciar um script

o Tag de comentário da Linguagem HTML, que irá permitir que navegadores já

ultrapassados no sentido de não reconhecer as instruções JavaScript, possam

ignorar estas instruções evitando erros futuros. A sintaxe de utilização do Tag

de comentário em um script é formada da seguinte forma:

<!--Inicio do JavaScript

Instruções

//Término do JavaScript -->

Observe que no final do script, foi definido um comentário de uma linha de

texto no JavaScript, encerrando-se com o Tag de Fechamento da Linguagem

HTML. O comentário do JavaScript somente foi necessário em razão de haver

um texto de comentário, caso contrário, bastaria o Tag de Comentário do

HTML.

VAR

A palavra-chave var declara o nome de uma variável e caso queira o usuário

poderá atribuir um valor à mesma. O conteúdo da variável poderá ser

visualizado por uma função ou por outras variáveis, declaradas fora da função

na qual foi criada. Veja alguns exemplos:

var nome

var endereço=“R. Tupinambás 1038”

ANOTAÇÕES:

______________________________________________________

DESENVOLVIMENTO DE SCRIPTS

As instruções da linguagem JavaScript podem ser escritas em qualquer editor

ASCII, como por exemplo, o Bloco de Notas do Windows e até mesmo o Edit

do MS-DOS, sendo que seu arquivo deverá ser salvo com a extensão HTML ou

.JS. Para visualizar a execução deste script, basta acessá-lo através do

browser.

Quando se desenvolve scripts em uma página HTML, é necessário que o

usuário os delimite através do Tag <SCRIPT> ou utilize-os como

manipuladores de eventos através de alguns Tag’s HTML. Outra maneira é

criar um arquivo externo para ser chamado à partir de uma página HTML. Este

arquivo separado deverá possuir a extensão .JS.

DESENVOLVENDO SCRIPTS COM O TAG <SCRIPT>

Com o Tag <SCRIPT> é possível ao usuário incorporar seus scripts dentro de

uma página HTML. Veja a sintaxe de utilização deste Tag:

instruções do JavaScript...

</SCRIPT>

Em alguns casos é possível observar o tag SCRIPT com o seguinte atributo:

instruções do JavaScript...

</SCRIPT>

CONTINUE >>>

E-BOOKOASIS

Pesquisar este blog

Manual completo javascript - PARTE 3

Comentários

Postar um comentário