Apostila Javascript

 

Javascript

 _______________________________________________________________________   _  1 INTRO INTRODUÇÃ DUÇÃO O.................. .................................... .................................... .................................... .................................... ................................... ............................... ..............33

2 JAVASCRIPT......... .................. .................. .................. .................. .................. .................. .................. .................. .................. .................. ................. ............... ............ .......... .....33 2.1 O QUE É JAVASCRIPT.......... .................... .................... .................... .................... .................... .................... .................... ......................................... ...............................33 2.1.1 CARACTERÍSTICAS BÁSICAS.......................................................................................................3  NÃO É........................................................................................................4 2.1.2 O QUE JAVASCRIPT  NÃO 2.1.3 PARTICULARIDADES E LIMITAÇÕES.............................................................................................5 2.2 ELEMENTO SCRIPT..............................................................................................................5 2.3 EVENTOS EM JAVASCRIPT......... ................... ..................... ..................... .................... .................... .................... .............................................8 ...................................8 2.4 MANIPULADORES DE EVENTOS....................................................................................................8 2.4.1 O NLOAD..............................................................................................................................9 2.4.2 O NU NLOAD..........................................................................................................................9 2.4.3 O NCLICK ...........................................................................................................................10 ...........................................................................................................................10  N OCUS 2.4.4 O F ...........................................................................................................................10 2.4.5 O NBLUR ............................................................................................................................11 ............................................................................................................................11 2.4.6 O NCHANGE........................................................................................................................11 2.4.7 O NSELECT..........................................................................................................................12  NS UBMIT.........................................................................................................................13 2.4.8 O O N 2.4.9 MOUSEOVER ..................................................................................................................15 ..................................................................................................................15

3 CONSTRUÇÕES DE JAVASCRIPT......... .................. .................. .................. .................. .................. ................. ............ ......... .......... .......... ........ ...16 16 3.1 CONCEITOS BÁSICOS DE PROGRAMAÇÃO.....................................................................................16 3.1.1 CONSTRUÇÃO DE  NOMES  NOMES........................................................................................................16 3.1.2 DECLARAÇÃO DE VARIÁVEIS.......... .................... .................... .................... .................... .................... .................... .......................................1 .............................166 3.1.3 TIPOS DE VALORES......... ................... .................... .................... .................... .................... .................... ..................... ..........................................17 ...............................17 3.1.4 CARACTERES ESPECIAIS..........................................................................................................18 3.1.5 EXPRESSÕES........................................................................................................................18 3.1.6 OPERADORES.......................................................................................................................18 3.1.7 DECLARAÇÕES.....................................................................................................................23 UNÇÕES............................................................................................................................28 3.1.8OFBJETOS 3.2 .................... .......... .................... .................... .................... .................... .................... .................... .................... .............................................. ....................................29 29 3.2.1 HIERARQUIA........................................................................................................................29 3.2.2 A  NATUREZA ORIENTADA A OBJETOS DE HTML.......................................................................30 3.2.3 OBJETO  NAVIGATOR   NAVIGATOR  .............................................................................................................31 3.2.4 OBJETO LOCATION................................................................................................................31 3.2.5 OBJETO CHECKBOX...............................................................................................................32 3.2.6 OBJETO RADIO.....................................................................................................................32 3.2.7 OBJETO HIDDEN...................................................................................................................33 3.2.8 OBJETO TEXT.......................................................................................................................33 3.2.9 OBJETO RESET.....................................................................................................................33 3.2.10 OBJETO SUBMIT......... ................... .................... .................... .................... .................... .................... .................... ............................................34 ..................................34 3.2.11 OBJETO BUTTON.................................................................................................................34 3.2.12 OBJETO TEXTAREA..............................................................................................................34 3.2.13 OBJETO SELECT..................................................................................................................34 3.3 OBJETOS DO CORE JAVASCRIPT............................................................................................35 3.3.1 OBJETO ARRAY...................................................................................................................35 3.3.2 OBJETO DATE......... ................... .................... .................... .................... .................... .................... .................... .................... ......................................35 ............................35

1

 

Javascript

 _______________________________________________________________________   _  3.3.3 OBJETO STRING...................................................................................................................36 3.3.4 OBJETO WINDOW.................................................................................................................37

2

 

Javascript

 _______________________________________________________________________   _  1

Intr Introd oduç ução ão

O obje objetiv tivo o deste deste material material é apresent apresentar ar a lin linguag guagem em Java Javascr script ipt,, muito utilizada atualmente, em conjunto com HTML, para construir páginas dinâmicas e interfaces de aplicações no ambiente Web. A partir deste estudo, espera-se posicionar tecnologia Javascript no contexto do desenvolvimento Web , a fim dea que desenvolvedores conh co nheç eçam am o po pote tenc ncia iall das das ling lingua uage gens ns iint nter erpr pret etad adas as p pel elos os navegadores. 2 2.1

Java Javasc scri ript pt O que é Javasc Javascrip riptt

  Jav Javas ascr crip iptt é uma uma ling lingua uage gem m de script  ori orient entada ada a ob objet jetos, os, utilizada para desenvolver aplicações cliente para Internet /Intranet . Ela foi criada pela Netscape a fim de expandir a funci funcionalidade onalidade de seu popular browser : o Navigator . 2.1.1CARACTERÍSTICAS BÁSICAS

  Javascript é uma linguagem de script  (scripts são “miniprogramas” interpretados e voltados para execução de tarefas específicas) com uma sintaxe bastante similar a C, C++, Pascal e Delphi. Os comandos e funções de Javascript são inseridos dentro de um docume doc umento nto da Web, junto nto com tags HT HTML ML e tex extto. Quand ndo o o nav navega egado r detando um usu ac aces essa sanel este est docum doc ument o, aele elac e essar forma fosar rmata ta a págin pág ina, a,dor executan execu dousuári o ário progra proograma ma nela a einse inserid rido. o. ento, Par Para aces uma página que possui scripts, o navegador deve ser capaz de interpretar a linguag linguagem. em.  Javascript  Javascri pt é uma linguagem baseada em objetos. Uma linguagem baseada em objetos é uma linguagem orientada a objetos com um conjunto de objetos já embutidos. Sempre que algo acontece em uma página Web, ocorre um evento. Eventos podem ser qualquer coisa – um botão recebe um clique, o mouse é arrastado, uma página é carregada, um formulário é enviado, e assim por diante. Javascript é uma linguagem dirigida por eventos, no sentido de que é projetada projetada para reagir quando um evento ocorre. A linguagem Javascript foi projetada para manipular e apresentar informação através de um navegador. Ela não é capaz de recuperar informações de outro arquivo ou salvar dados em um servidor da 3

 

Javascript

 _______________________________________________________________________   _  Web, ou no computador do usuário. Isto significa que não é possível escrever um programa Javascript que, por exemplo, varra os diretórios de um comput computador, ador, lendo ou apagando arquivos do usuário.   Java Javasc scrip riptt é uma lingu linguage agem m indep independ endent ente e de plata platafor forma, ma, ou sejja, o código es se esccrito nesta sta linguagem agem não dep epen end de de uma pl plata atafor forma ma esp espec ecíf ífic ica a (Windows, Maci Macint ntos osh, h, UNIX UNIX,, et etc) c),, de depe pend nde e apenas do navegador que a interpreta. Dessa forma, quer o usuário tenha ten ha um na naveg vegado adorr para para Windows, Macintosh ou UNIX, o código   Jav Javas ascr crip iptt se será rá exec execut utad ado o sem sem qu que e ne nenh nhum uma a ad adap apta taçã ção o se seja ja necessária.

2.1.2O

QUE JAVASCRIPT NÃO  É

Ainda é muito comum alguém confundir a linguagem Javascript com a linguagem Java, mas, atenção,  Javascript não é Java. Java (desen (de senvol volvi vida da pela pela Su Sun n Mi Micro crosyst systems ems) é uma linguagem de programação orientada a objetos completa, ser para usadarodar) para projetar aplicações isoladas (que não exigemque um pode browser  ou mini-aplicações (applets). Principais diferenças entre Javascript e Java:   Jav Javas ascr crip iptt é base basead ada a em ob obje jeto toss - te tem m se seus us próp própri rios os objetos embutidos. Java é orientada a objetos – os objetos são construídos a partir de classes; códi có digo go Javasc Javascri ript pt é embut embutido ido den dentro tro de um do docu cumen mento to HTMLL co HTM como mo texto texto simp simples les..  Applets Jav Java a sã são o ref refere erenc nciad iados os a part pa rtir ir de um docu docume ment nto o, ma mass o có códi digo go é ma mant ntid ido o em um arquivo separado (em um formato binário);  Javascript é identificada em um documento HTML através da tag .  Applets  Java, através da tag ;  Javascript é passada ao cliente (browser )  como texto e é interpretada. Java é compilada em um tipo especial de código (bytecodes), que são passados ao cliente para serem executados;  Javasc  Jav ascript ript usa tip tipagem agem fraca - as vari variávei áveiss não prec precisa isam m ser declaradas, e uma variável ora pode guardar strings, ora número núm eros. s. Java Java usa usa tipag tipagem em fo forte rte – as var variáv iáveis eis pre preci cisam sam ser declaradas e usadas para um tipo de dados específico;  Javascript  Javascri pt usa ligação ligação dinâmica – referências a objetos são verificadas e resolvidas em tempo de execução. Java usa ligação −

−

−

−

−

−

estática programa– éreferências compilado.a objetos devem ser resolvidas quando o 4

 

Javascript

 _______________________________________________________________________   _  2.1.3PARTICULARIDADES E LIMITAÇÕES  Javascript é importante para desenvolvedores de páginas Web que qu e dese deseja jam m es este tend nder er a capa capaci cida dade de de se seus us do docu cume ment ntos os HT HTML ML,, torn tornand andoo-os os di dinâ nâmi mico cos. s. No en enta tant nto, o, es esta ta ling lingua uage gem m ap apre rese sent nta a algumas limitações, que se encaixam em três categorias: •

Limitações de Browsers

Como o código Javascript é executado no cliente ( browser ), ) , seu interpretador deve ser implementado dentro do browser . A maioria dos browsers disponíveis no mercado atualmente (versões recentes do Internet Explorer e do Netscape) dão suporte à Javascript. •

Limitações de Plataformas

Embor Em bora a Javas Javascr crip iptt rode rode em to todas das as plata platafor formas mas par para a as qu quai aiss browsers compatíveis existem, nem todas as funções de Javascript rodarão do mesmo modo em plataformas distintas. distintas. Limitações de Segurança •

A linguagem Javascript Javascript foi projetada para ser segura com respeito à Web. Para isso, ela foi concebida com algumas restrições: El Ela a não não pode pode ab abri rir, r, le ler, r, grav gravar ar ou sa salv lvar ar arqu arquiv ivos os no computador comput ador do usuário. A única informação que ela pode acessar é a que está na página Web onde reside (ou em outras páginas carre ca rregad gadas as ao mesmo mesmo te tempo mpo,, como como oc ocor orre re qua quando ndo se usam usam frames); El Ela a não não pode pode ab abri rir, r, le ler, r, grav gravar ar ou sa salv lvar ar arqu arquiv ivos os no servidor Web; Ela não pode ser usada para criar vírus que danifique o computador do usuário. −

−

−

Resumindo, Javascript é uma linguagem segura e não consegue interagir diretamente com nada no computador do usuário fora da página Web que está sendo exibida no navegador. 2.2

Elemen Elemento to SCRIPT SCRIPT

container tag: ...

atributos: LANGUAGE, SRC 5

 

Javascript

 _______________________________________________________________________   _  Dent De ntro ro de um docu docume ment nto o HTML HTML,, a ling ngua uage gem m Java Javasc scri ript pt é deli de limi mita tada da pe pelo lo pa parr de tags e . Vo Você cê po pode de posic pos icio ionar nar a tag

7

 

Javascript

 _______________________________________________________________________   _  2.3

Eventos Eventos em Javascri Javascript pt

 Javascript é uma linguagem dirigida por eventos. Eventos (tais como, clicar no mouse, ou pressionar um botão) são utilizados para controlar a interação do usuário com o aplicativo. Programas convencionais funcionam de maneira diferente. Um programa convencional executa seu código sequencialmente. function exibe() { if ( !(confirm(“Quer encerrar?”) ) { documento.write (“Oi, pessoal da Internet!”); } }

Um programa que queira que o usuário confirme a exibição de uma frase poderia usar a função acima para obter a entrada do usuário. Entretanto, este programa ficaria preso na função exibe(), esperandosendo por uma resposta.Quaisquer Enquanto outras isso, não é possível ter outra operação executada. entradas e operações são suspensas até que o usuário responda à pergunta. Uma abordagem melhor seria usar um dos manipuladores de eventos de Javascript para ativar a função abaixo. function exibe() { documento.write (“Oi, pessoal da Internet!”); }

Manipul Manip ulado adores res Javasc Javascri ript pt são repres represent entado adoss co como mo atrib atributo utoss especiais que modificam o comportamento de uma tag HTML à qual são anexados. Atributos de manipulação de eventos começam todos com “On” e identificam os diversos eventos que podem ocorrer. O vallor asso va assocciado ado ao ma man nipulad ulador or pode se serr uma seq equê uên ncia de declarações Javascript, ou uma chamada de função Javascript. 2.4

Manipuladore Manipuladores s de eventos eventos

Manipuladores de eventos Javascript servem para interfacear um script  co com m ativ ativid idad ades es do sist sistem ema a ou aç açõe õess do us usuá uári rio. o. El Eles es sã são o divididos em 2 categorias: eventos de sistema e eventos de mouse. Os eventos de sistema disponíveis são: OnLoad e OnUnload . Eles não exigem a interação do usuário para serem ativados. 8

 

Javascript

 _______________________________________________________________________   _  Os eventos de mouse disponí disponíveis veis são: OnClick , OnFocus , OnBlur , OnChange, OnSelect , OnSubmit  e OnMouseOver . Eles  ex exig igem em a interação do usuário (através do mouse ou não) para serem ativados. 2.4.1ONLOAD

Este evento é ativado após a página HTML ser completamente carregada. Ele pode ser associ associado ado às tags ou . Exemplo: function chegada() { window.alert(“Seja bem-vindo ao nosso site!”); } Veja que interessante utilização do evento OnLoad.

2.4.2ONUNLOAD

Este evento é ativado após a página HTML ser abandonada (seja at atrravés avés do clique sobre alg algum link, ou sobre os botões de avanço/r avanç o/retro etrocess cesso o do browser ). Ele pode ode ser as asssociad ado o às tags ou . Exemplo: function saida() { window.alert(“Volte sempre!”); } Veja que interessante utilização do evento OnUnLoad.

9

 

Javascript

 _______________________________________________________________________   _  2.4.3ONCLICK  O evento mais básico de mouse é tratado pelo manipulador OnClick . Este evento é ativado sempre que se dá um clique sobre um objeto que aceita evento de clique clique de mouse. Objetos que aceitam um evento OnClick são links, caixas de verificação e botões. Exemplo: function mensagem() { window.alert(“Você clicou neste campo”); } Link comum Radio Checkbox

2.4.4ONFOCUS

O foco ocorre quando um objeto torna-se o item em foco. Isto aco ac ont ntec ece e quan quando do o usuá usuári rio o cl cliicar ou alte altern rnar ar para para um ob obje jeto to específico específi co na página. Este evento pode ser associado aos objetos text , (defini nido doss pe pela lass tags ,   passwo password rd,, tex textar tarea ea e select  (defi e ). Exemplo: function foco() {

10

 

Javascript

 _______________________________________________________________________   _  window.alert(“O campo EMAIL está em foco”); } Nome: Email: Telefone:

2.4.5ONBLUR

Este evento é ativado quando um objeto torna-se fora de foco quando se muda para outra janela, ou aplicativo, ou quando se passa para outro objeto utilizando cliques do mouse, ou a tecla TAB. Ele é associa asso ciado do aos obj objetos etos text ,  pass  password word,, texta textarea rea e select  (definidos pelas tags , e ). Exemplo: function semfoco() { window.alert(“O campo EMAIL perdeu o foco”); } Nome: Email: Telefone:

2.4.6ONCHANGE

Este evento é ativado sempre que um objeto perde o foco e o seu valor é alterado. Ele é associado aos objetos text ,  password, (defini inidos dos pel pelas as tags , e textarea e select  (def ). Exemplo:

11

 

Javascript

 _______________________________________________________________________   _  function mudou1() { document.form1.completo.value=document.form1.nome.value; } function mudou2() { document.form1.completo.value=document.form1.completo.value + " ” + document.form1.sobrenome.value; } Nome: Sobrenome: Nome completo:

2.4.7ONSELECT

Este evento é ativado quando o usuário seleciona (deixa em destaque) parte do texto em um dos objetos aos quais está associado. associado. São eles: text ,  password e textarea (definidos pelas tags e ).

12

 

Javascript

 _______________________________________________________________________   _  Exemplo: function selecao() { window.alert("Campo selecionado"); } Campo input texto: Campo input senha: Campo textarea:

2.4.8ONSUBMIT

Este ev Est even entto é ati ativado vado no mome moment nto o de envi enviar ar os da dado doss do form formul ulár ário io.. El Ele e é asso assocciado iado ao obje objeto to form (de (defi fini nido do pel pela a tag ). Exemplo: function submete() { window.alert("Evento OnSubmit ativado!"); } Campo 1: Campo 2:

13

 

Javascript

 _______________________________________________________________________   _ 

Muitas vezes, os dados que são inseridos em um formulário preci pre cisam sam ser separ separado ados, s, ana anali lisad sados, os, ma mani nipul pulado adoss ou ver verifi ificad cados os quanto a erros antes de serem transmitidos para o servidor. O evento OnSubmit  permite a captura e, se necessário, a interrupção do envio dos dados de um formulário. Isto é realizado chamando-se a função a parti par tirr do man manip ipul ulado adorr OnSubmit , fazen azendo do com que ela ret etor orn ne verdadeiro ou falso. Se a função associada ao manipulador retornar falso, os dados do formulário não serão enviados. Esta funcionalidade pode ser verificada a partir do código a seguir. Exemplo: function submete() { if (document.form1.campo1.value == "" || document.form1.campo2.value == "") { return false; } else { return true; } } Campo 1: Campo 2:

14

 

Javascript

 _______________________________________________________________________   _  2.4.9ONMOUSEOVER

Este evento é ativado quando o ponteiro do mouse passa sobre um objeto do tipo links ou botões. Exemplo: function ativa() { window.alert("Evento OnMouseOver ativado!"); } Passe o mouse sobre este link

15

 

Javascript

 _______________________________________________________________________   _  3 3.1

Con Constr struçõ uções es de Jav Javasc ascript ript Conceitos Conceitos básicos básicos de programaçã programação o

3.1.1CONSTRUÇÃO DE NOMES

  JJava avasc scrip riptt apres apresent enta a algu algumas mas restri restriçõ ções es qu quant anto o ao no nome me de variáveis/funções: • • •

•

•

não é permiti permitido do colocar espaço em branco em um nome; não é permitido incluir um hífen (“-”) em um nome; não é permitido colocar os seguintes caracteres em um nome: . , ; “ ‘ ? embo em bora ra se seja ja po poss ssív ível el us usar ar dí dígi gito toss em um nome nome,, el ele e prec preciisa começar com uma letra; não é permitido utilizar, como nome de uma nova variável/função, alguma das palavras reservadas de Javascript.

Segue a relação de palavras que não podem ser usadas como nomes de variáveis ou funções em Javascript: abstra abst ract ct,, bo bool olea ean, n, brea break, k, by byte te,, ca case se,, ca catc tch, h, cha har, r, clas class, s, co cons nst, t, continue, default, do, double, else, extends, false, final, finally, float, for, function, goto, if, implements, import, in, instanceof, nt, interface, long,, nativ long native, e, new, null, pac package, kage, private, prot protected ected,, publ public, ic, retu return, rn, shor sh ort, t, st stat atic ic,, su supe per, r, sw swit itch ch,, sy sync nchr hron oniz ized ed,, th this is,, th thro row, w, th thro rows ws,, transient, true, try, var, void, while, with.

3.1.2DECLARAÇÃO DE VARIÁVEIS

Cada variável tem que ser declarada como global ou local. A única diferença entre estes dois tipos em Javascript é onde elas estão loca locali lizad zadas as de dentr ntro o do có códi digo go.. É possí possível vel def defin inir ir var variáv iáveis eis an antes tes de atribuir um valor a elas, ou no momento em que fizer a atribui atribuição. ção. •

Variáveis Locais

São definidas dentro do corpo de uma função. Elas são válidas apenas ape nas dentro dentro do corp corpo o da funçã função o onde onde foram foram defin definid idas as (e (esc scopo opo limitado). 16

 

Javascript

 _______________________________________________________________________   _  Exemplo: function adiciona(valor){ var a a = valor + 10; ... } function subtrai(valor){ var b b = valor - 10; ... }

Neste exemplo, a variável a é vista apenas pela função adiciona(), enquanto que a variável b é vista apenas por subtrai(). •

Variáveis Globais

São definidas fora de todos os corpos de funções de um arquivo  Javascript. Elas são válidas dentro de qualquer função do arquivo. Exemplo: var total = 0; function adiciona(valor){ var a = valor + 10; total = total + a; } function subtrai(valor){ var b = valor - 10; total = total - b; }

Neste Nes te exempl exemplo, o, a variáv variável el total é defi defini nida da tant tanto o fora fora da funç função ão adiciona(), quanto fora da função subtrai(), de forma que está acessível a ambas. 3.1.3TIPOS DE VALORES

Exiist Ex ste em 4 (quatr ua tro o) tilógicos pos pos de(booleanos), var variáv áve eis strings rec eco onhe hec dos s po por   Javascript: números, valores ecido nulos. Or tipo específico específico de uma variável depende dos dados atribuídos a ela. 17

 

Javascript

 _______________________________________________________________________   _  Número : qualquer número positivo ou neg negativo. ativo. Este número p pode ode ser inteiro no formato decimal, hexadecimal ou octal. Pode também ser número de ponto flutuante com/sem exponencial; Bool Bo olea eano no : true ou false (sem aspas); String: conjunto de caracteres limitados por aspas/apóstrofos. Um string exi exige ge um par de aspas aspas (ou apó apóstr strofo ofos) s) para para ident identif ific icá-l á-lo o •

•

•

•

string como ; N ulo: null (palavra chave que denota o valor nulo).

3.1.4CARACTERES ESPECIAIS

Alguns caracteres especiais que são permitidos em valores do tipo string: • • • • •

\b: retrocesso (backspace); \f: nova página (form feed); \n: nova linha (line feed); \r: retorno de carro (carriage return); \t: caracter de tabulação (tab).

3.1.5EXPRESSÕES

Expressão Expres são é um co conj njunt unto o de liter literai aiss (con (consta stant ntes) es),, var variá iávei veiss e operad ope radore oress que, que, ava avali liado ados, s, res resul ultam tam em um úni único co val valor or (núme (número, ro, string ou booleano). Existem 3 (três) tipos de expressões em Javascript: • •

•

expressões aritméticas: resultam em um número; expressões de string: resultam em uma sequência de caracteres (string); expressões lógicas: resultam em ver erd dadeiro ou falso, representados, respectivamente, pelas palavras reservadas true e false.

3.1.6OPERADORES

Operadores são símbolos especiais que controlam como uma expressão expre ssão deve ser avaliada avaliada.. Um operador pode ser binári binário o - exige doiss ope doi operan randos dos;; ou un unári ário o - exige exige ape apena nass um op opera erando ndo (an (antes tes ou depois do operador). podem, serlam: classificados des acordo com o tipo Os do dossoperadores oper operan and dos que ainda, mani manipu pul am : oper era ado dore res ari ritm tmét éti icos, cos, 18

 

Javascript

 _______________________________________________________________________   _  operadores de comparação, operadores de string, operadores lógicos, operadores bit a bit e operadores de atribuição. atribuição. •

OPERADORES ARITMÉTICOS

Operador Oper adores es aritméti aritméticos cos constró constróem em expr expressõe essõess ari aritmét tmética icas. s. Ele Eless recebem e retornam números. A tabela 1 mostra os operadores aritméticos básicos de Javascript. Operador + * /

Função

Soma Subtração Multiplicação Divisão

Tabela 1 – Operadores aritméticos aritméticos básicos

Existem outros operadores aritméticos em Javascript. Javascript. São eles: -

Mó dulo Módu lo (% (%)) Rettorna Re orna o re rest sto o da oper operaç ação ão de divi divisã são o int ntei eira ra en entr tre e os operandos. Exemplo: 22 % 5 => 2

-

Inc remen Incre mento to (++ (++)) É um uma a fo form rma a abre abrevi viad ada a de adi adicion cionar ar 1 a um oper operan ando do (o operando deve ser uma variável). Exemplo: operando++ => operando = operando + 1 O operador de incremento pode ser escrito como operando++ ou ++operando. O lado em que o operador está control controla a quando 1 é ad adiicionado ado ao opera peran ndo (com respei speitto ao res estto da expressão). Se ele é usado depois do operando, retorna o valor do operando antes de incrementá-lo. Por exemplo, se x=3, a declaração y=x++ coloca primeiro o valor 3 em y e, depois, incrementa x par ara a 4. Se, por outr outro o lad ado o, o ope perrado ador de incremento for colocado antes do operando, ele retorna o valor do operando depois de o operando ser incrementado. O código y=++x primeiro incrementa incrementa o x para 4 e, então, coloca o valor 4 em y.

-

Dec remen Decrem ento to (-(--)) É um uma a fo form rma a ab abre revi viad ada a de subt subtra rair ir 1 de um oper operan ando do (o operando deve ser uma variável). Exemplo: operando-=> operando = operando – 1 19

 

Javascript

 _______________________________________________________________________   _  De forma semelhante ao operador de incremento, o operador de de decre cremen mento to pode pode ser ser es escr crit ito o co como mo operando-- ou --operando. -

Negaçã Neg ação o Unária Uná ria (-) Este operador seu=> operando. Exemplo: x = nega 4; y =o -x y = -4

•

OPERADORES DE COMPARAÇÃO

Um operador de comparação compara seus operandos e retorna um valor booleano. Estes operandos podem ser números ou strings. A tabela 2 mostra os operadores de comparação comparação de Javascri Javascript. pt. Operador == != > >= < “string1string2”

OPERADORES LÓGICOS

Os operadores lógicos retornam valores booleanos. A tabela 3 mostra os operadores lógicos de Javascript. Operador &&

|!|

Função

E, AND OÃ UO ,O ROT N ,N 20

 

Javascript

 _______________________________________________________________________   _  Tabela 3 – Operadores lógicos •

OPERADORES

BIT A BIT 

Os operadores bit  a bit  servem para manipular um número a nível de bit . A tabela 4 mostra os operadores lógicos de Javascript. Operador & | ^ ~ > >>>

Função

E, AND OU, OR OU Exclusivo, XOR NÃO, NOT Deslocamento à esquerda Deslocamento à direita Deslocamento à di d ireita cco om preenchimento de zeros

Tabela 4 – Operadores bit bit a bit 

•

OPERADORES DE ATRIBUIÇÃO

  Jav Javas asccript ript dá supo suport rte e a um mét métod odo o ab abre revi viad ado o de escr escrev ever er operaç ope rações ões ari aritmé tméti tica cass padrão padrão e bit  a bit . Sã São o os ope pera rado dore ress de atribuição, atribuiç ão, apresentados na tabela 5.

21

 

Javascript

 _______________________________________________________________________   _  Operador x += y x-=y x *= y x /= y

Função

x=x+y x=x–y x=x*y x=x/y

xx= y x >>>= y x &= y x ^= y x |= y

x x= =x x% y x = x >>> y x=x&y x=x^y x=x|y

Tabela 5 – Operadores de atribuição

22

 

Javascript

 _______________________________________________________________________   _  Precedência de Operadores •

Em Javascript, os operadores têm certa ordem de precedência, ou que operadores são avaliados em primeiro lugar e em que ordem. A ordem de precedência, da mais alta (primeira) à mais baixa (última), é a seguinte: − − − − − − − − − − − − −

Chamadas e membros ( ( ) e [ ] ); Negação, incremento e decremento (!, ~, -, ++ e --); Multiplicação e divisão (*, / e %); Adição e subtração (+ e -); Deslocamentos ( e >>>); Relacionais (=); Igualdade (== e !=); E bit a bit (&); OU Exclusivo bit e bit (^); OU bit a bit ( | ); E Lógico (&&); OU Lógico ( || ); Atribuição.

3.1.7DECLARAÇÕES

Declaração Declaraç ão é uma sequ sequênci ência a de palavras palavras-ch -chave, ave, oper operadore adores, s, operandos e/ou expressões terminados por um ponto-e-vírgula ponto-e-vírgula..  Todas as declarações em Javascript podem ser agrupadas em uma das seguintes categorias: − − − −

•

Comandos; Declarações Condicionais; Declarações de Laço; Declarações de Manipulação de Objetos.

COMANDOS

Declaração de variáveis Declaração A decl declar araç ação ão var ind ndic ica a que que a pa pallav avra ra im imed edia iata tame ment nte e subsequente é uma variável, à qual é possível atribuir qualquer valor. Exemplo: var i; var i=10; −

−

var x, y, z=1; Comentário em uma única linha

23

 

Javascript

 _______________________________________________________________________   _  Para acrescentar acrescentar com comentários entários qu que e ocupam apenas um uma a linha, deve-se colocar a sequência “//” antes do texto de comentário. Exemplo: total = total + 1; //acumula total −

Comentário em mais de uma linha Para acrescentar comentários que ocupam mais de uma linha, devedeve-se colocar colocar a sequênci sequência a “/*” na primeir primeira a linha e “*/ “*/”” na últimaselinha. Exemplo: /*aqui começa o comentário aqui termina o comentário */

•

DECLARAÇÕES CONDICIONAIS

Per erm mitem contro ntrollar o conjunto de dec ecllaraç araçõ ões que ser erão ão exec ex ecut utad adas as,, com base base em uma uma cond condiição (uma (uma ex expr pres essã são o se serr verdadeira ou falsa). A declaração condicional de Javascript usa as palavras-chave if e else, e switch. Sintaxe: declaração if  e else if (condição ) { // faz algo se a condição for verdadeira } else { // faz algo se a condição for falsa }

Sintaxe: declaração

switch

switch (fruta) { case “Laranja”: XYZ = 1 break case “Banana”: XYZ = 2 break default: XYZ = 3 }

As chaves ( “{ }” ) definem um bloco de declarações que são tratadas e executadas como uma unidade. 24

 

Javascript

 _______________________________________________________________________   _  •

DECLARAÇÕES DE LAÇO

Possibi Possi bili lita tam m rep repeti etirr a exe execu cução ção de um co conj njunt unto o de dec decla laraç rações ões mais de uma vez. As declarações de laço de Javascript usam as palavras-chave for  e while.

Sintaxe: declaração

for 

for (inicialização; condição ; incremento) {

declaração 1;

...

declaração n; }

De acordo com a sintaxe exposta anteriormente: é uma exp expres ressão são us usada ada par para a ini inici cial aliz izar ar uma variável contador (a variável utilizada para controlar o número de vezes que o laço é executado); executado); condição é um uma a ex expr pres essã são o bo bool olea eana na av aval alia iada da a ca cada da repetição do laço, antes do corpo do laço ser executado. Enquanto a expressão for verdadeira, o conteúdo do laço é executado; incremento é uma expres presssão usad ada a para atu atuali alizar (através de incremento ou decremento) o contador contador.. −

inicialização

−

−

Exemplo: for (i=1; i