Java Script

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. Caractere representado pela \XXX codificação Latin-1. Exemplo \251 representa o caractere de copyright ©. 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 SWITCH Esta instrução é bem semelhante com uma estrutura IF, porém é mais eficiente em razão de ser mais simples sua utilização e seu entendimento. Veja a sintaxe utilizada para o uso de instruções SWITCH: switch (expressão){ case CONSTANTE: comandos; break; case CONSTANTE2: comandos; break; case default: comandos; break; } INSTRUÇÃO WITH Esta instrução faz com que um objeto se torne default para uma série de opções existentes. Normalmente esta instrução é utilizada com o objeto Math, uma vez que ele exige que o usuário especifique o nome do objeto quando acessar qualquer uma de suas propriedades. Veja sua sintaxe: with (objeto){ instruções } Vejamos alguns exemplos de sua utilização: alert(Math.PI); alert(Math.round(1234.5678)); Utilizando a instrução with o usuário irá determinar os valores que deseja economizando tempo na aplicação. Observe como ficaria estas instruções aplicadas com a instrução with: with (Math){ alert(PI); alert(round(1234.5678)); } Veja pelo exemplo anterior, que o usuário não necessitou utilizar o objeto Math várias vezes. Outra questão, é que a instrução with não é utilizada somente com o objeto Math. Ela poderá ser usada com a maioria dos outros objetos da linguagem JavaScript. FUNÇÕES FUNÇÕES FUNÇÕES FUNÇÕES Funções em JavaScript nada mais são que uma rotina JavaScript que possui um conjunto de instruções à serem executadas. Sua sintaxe compõem-se dos seguintes parâmetros: function nomeFunção(argumentos) { Comandos } Se a função possuir argumentos, estes deverão estar colocados entre parênteses após o nome da função. O corpo da função deverá ser colocado entre chaves que indicarão o início do bloco de instruções e o fim do bloco de instruções. Normalmente, as funções são definidas dentro do cabeçalho da página HTML representados pelo tag . Com isto, todas as funções são carregadas assim que a página é carregada, bem antes que o usuário pense em executar alguma ação. Vejamos um exemplo simples de uma função que exibe uma mensagem na tela: function primeiraFuncao(){ alert("Isto é uma função JavaScript"); } Com isto, o usuário apenas definiu a função, para que ela seja executada, é necessário fazer a sua chamada. Para chamar a função basta incluir seu nome no local do código que deseja que ela seja executada. No exemplo a seguir, note que após a função foi feita sua chamada, bastando para tanto redigir seu nome, observe: function primeiraFuncao(){ alert("Isto é uma função JavaScript"); } primeiraFuncao(); É padrão da linguagem JavaScript que ao encontrar a chamada de uma função, ele desvia para as instruções respectivas desta função e ao terminá-la, volta para o primeiro código após a chamada da função. Uma função pode ser chamada de diversas formas, dentro da área do código JavaScript e até mesmo através de um evento dentro de um tag HTML, como um botão de formulário ou hiperlink. Veja um exemplo de uso da chamada de uma função através da ação do usuário ao clicar em um botão de formulário: UTILIZANDO FUNÇÕES function primeiraFuncao(){ alert("Isto é uma função JavaScript"); } Neste exemplo, foi definido a chamada da função através do evento onClick que é processado assim que o usuário dá um clique sobre o botão que executará a função. O usuário poderá através do uso de funções passar valores a mesma, com isto a função usará os valores no processamento. Vejamos no exemplo abaixo que foi definido como argumento da função exemplo a variável texto, esta variável é usada como o texto que será exibido pela instrução alert. Ao chamar a função, basta o usuário definir o texto que deseja ser apresentado como argumento da função: function exemplo(texto){ alert(texto); } exemplo("Curso de JavaScript"); Em algumas situações o usuário talvez queira retornar um valor de uma função. Para isto, basta fazer o uso da instrução return mais o valor que queira retornar. Vejamos um exemplo típico do uso de uma função que irá retornar um determinado valor. Observe: var ret=prompt("digite o nome",""); var shor=mostranome(ret); alert(shor); function mostranome(nome){ if (nome=="" || nome==null) return ("erro"); else return (nome); } OBJETO ARGUMENTS Normalmente as funções são declaradas para aceitar um determinado número de parâmetros, vejamos um exemplo que usa uma função que é declarada para usar dois argumentos e usados para exibir os mesmos em uma mensagem de alerta: mensagem("SENAC","Minas Gerais"); function mensagem(mensagem1,mensagem2){ alert(mensagem1); alert(mensagem2); } É claro que se houvesse vários argumentos à serem exibidos, isto seria uma maneira penosa de programar. Através da linguagem JavaScript, o usuário poderá fazer uso do objeto arguments que é criado dentro de uma função. Este objeto é um array que poderá receber todos os argumentos necessários para passar a função quando a mesma for chamada. Veja no exemplo a seguir sua utilização: mensagem("SENAC","Minas Gerais"); mensagem("CFP","Informática"); function mensagem(){ for (i=0;i Digite seu Nome: FUNÇÕES DA LINGUAGEM JAVASCRIPT FUNÇÕES DA LINGUAGEM JAVASCRIPT FUNÇÕES DA LINGUAGEM JAVASCRIPT FUNÇÕES DA LINGUAGEM JAVASCRIPT As funções utilizadas em JavaScript são embutidas no núcleo da linguagem. Estas funções não pertencem à nenhum objeto, elas funcionam com variáveis número e as que não são objetos. Com estas funções não é necessário a declaração de um objeto-pai para usá-las, sendo bem diferentes dos métodos como por exemplo document.write. Write é o método pertencente ao objeto document. FUNÇÃO EVAL Esta função avalia uma expressão que poderá ser em formato string, o que se torna prático quando o usuário deseja estabelecer expressões no momento em que for preciso. Sua sintaxe é formada da seguinte maneira: eval(expressão); Criaremos um exemplo que irá avaliar uma expressão que contém números, operadores e strings. Neste exemplo formaremos um cálculo que será representado como string. Com o uso da função eval, será testado todos os argumentos da função fazendo a compreensão de todos os elementos presentes: valor=5 alert(eval("2*valor")); FUNÇÃO ISNAN A função isNaN tem a finalidade de testar um número para determinar se é não se não é um número. Normalmente esta função é usada para comparar valores do tipo número ou string. Com o emprego desta função o usuário poderá determinar se um valor contém realmente um valor numérico. Esta função pode ser utilizada em conjunto com as funções parseInt e parseFloat em razão de retornarem a string NaN quando o conteúdo da variável não é um número. Sua sintaxe tem a seguinte formação: isNaN(valor); No exemplo a seguir, foi criado um script bem simples que testa se o valor digitado no campo de formulário é um número. function condicao(valor){ if(isNaN(valor)){ alert("Não é um número!!!"); } } Nome: FUNÇÃO PARSEFLOAT Com a função parseFloat, é feita a conversão de um objeto string, retornando um valor de ponto flutuante. Com ela é convertido uma string em um valor numérico equivalente. Se a função encontrar um caractere diferente de um sinal (+ ou -), números (0 à 9), ponto decimal ou expoente, será retornado o valor até aquele ponto e ignorado o restante. Caso o primeiro caractere não puder ser convertido para um número, parseFloat irá retornar os valores 0 para a plataforma Windows e NaN para as outras plataformas. Sua sintaxe tem a seguinte formação: parseFloat(string); Veja a seguir um exemplo da utilização da função parseFloat. valor=parseFloat("123,456"); alert(valor)+1; FUNÇÃO PARSEINT Com a função parseInt, o usuário poderá converter valores de string em valores numéricos equivalentes. É possível a conversão de números de bases como hexadecimal ou octal em valores decimais. Caso a função encontra um caractere diferente de um sinal (+ ou -), números (0 à 9), ponto decimal ou expoente, será retornado o valor até aquele ponto e ignorado o restante. Caso o primeiro caractere não puder ser convertido para um número, a função parseInt irá retornar o valor 0 para Windows e NaN para outros sistemas. Sua sintaxe tem a seguinte formação: parseInt(string,radix); Onde é apresentado radix, é um inteiro que representa a base do valor de retorno. No exemplo a seguir é convertido um valor string em seu valor numérico equivalente: valor=parseInt("123.456"); alert(valor); através do parâmetro radix, é possível a conversão de um número de uma base para decimal, já no caso contrário isto não é possível. Veja um exemplo de sua utilização: valor=parseInt("ff",16); //Conversão hexadecimal, retorna 255 valor=parseInt("0xff",16); //Conversão hexadecimal, retorna 255 valor=parseInt("1111",2); //Conversão binário, retorna 15 valor=parseInt("765",8); //Conversão octal, retorna 501 Vejamos os valores de cada base existente: 2 Binário. 8 Octal. 10 Decimal. 16 Hexadecimal. A omissão do parâmetro radix, a linguagem JavaScript assume que o valor definido está no formato decimal. FUNÇÕES PRÉ FUNÇÕES PRÉ FUNÇÕES PRÉ FUNÇÕES PRÉ- -- -PROGRAMADAS PROGRAMADAS PROGRAMADAS PROGRAMADAS As funções pré-programadas do JavaScript, permite ao usuário executar operações simples como configurar sua página como inicial, adicionar uma URL ao favoritos, imprimir o documento, aumentar sua lógica de raciocínio facilitando a criação de novos scripts, entre outras operações. Vejamos alguns exemplos. IMPRESSÃO DA PÁGINA Através da função print(), o usuário poderá executar a função de imprimir evitando caminhos longos para isto ou facilitar ao usuário iniciante em informática, abaixo segue um exemplo simples: