![function add() { var soma = 0; for (var i = 0, j = arguments.length; i < j; i++) { soma += arguments[i]; } return soma; }](https://image.slidesharecdn.com/javascriptsemanacomputao-110609131856-phpapp01/85/Javascript-20-320.jpg)
![Funções anônimas var add = function() { var soma = 0; for (var i = 0, j = arguments.length; i < j; i++) { soma += arguments[i]; } return soma; } Pode se usar recursão utilizando a função implícita arguments.callee.](https://image.slidesharecdn.com/javascriptsemanacomputao-110609131856-phpapp01/85/Javascript-21-320.jpg)
Javascript
- 1. Ramon Felipe de Oliveira
- 2. Origens Javascript surgiu em 1995 e quando lançado se chamava LiveScript Brendan Eich
- 3. Numa época de conexões discadas, seu foco era outro: Evitar chamadas desnecessárias ao servidor. Origens
- 4. Novo cenário De doze linhas, para duzentas. Esta questão pode ser vista no ie 6 hoje.
- 5. Novo cenário O cenário mudou drasticamente ... ... mas o Javascript mudou muito pouco. Browsers começaram a oferecer suporte para Html dinâmico e surgiu o DOM.
- 6. DOM O Document Object Model (DOM) é uma interface de programação para documentos HTML e XML. Ele provê uma representação estruturada do documento e define um meio pelo qual a estrutura pode ser acessada por programas permitindo-os alterar a estrutura do documento, estilo e conteúdo Essencialmente ele conecta páginas de internet a scripts ou linguagens de programação. Uma página de internet é um documento.
- 7. Características Pequena Interpretada (compilada) Sofisticada Linguagem funcional Linguagem cliente Baixa tipagem Objetos são “containers” Herança por protótipos
- 9. Typeof
- 10. var
- 11. Objeto em JS
- 14. Sintaxe Literal var obj = { nome: “Fusca", detalhes: { cor: “vermelho", ano: 1988 } }
- 15. Functions
- 16. Functions
- 17. Método
- 18. Função add function add(x, y) { var total = x + y; return total; }
- 19. Funções
- 20. function add() { var soma = 0; for (var i = 0, j = arguments.length; i < j; i++) { soma += arguments[i]; } return soma; }
- 21. Funções anônimas var add = function() { var soma = 0; for (var i = 0, j = arguments.length; i < j; i++) { soma += arguments[i]; } return soma; } Pode se usar recursão utilizando a função implícita arguments.callee.
- 25. Problema
- 26. function criarPessoa(nome, sobrenome) { return { nome: nome, sobrenome: sobrenome } } function nomeCompleto(pessoa) { return pessoa.nome + ‘ ‘ + pessoa.sobrenome; } function nomeCompletoInvertido(pessoa) { return pessoa.sobrenome + ', ' + pessoa.nome; } Solução 1
- 27. > p = criarPessoa(“João", “Silva"); > nomeCompleto(p) João Silva > nomeCompletoInvertido(p) Silva, João Apesar de funcionar, não é uma solução interessante . Provavelmente, logo existirá dezenas de funções no global namespace.
- 28. function criarPessoa(nome, sobrenome) { return { nome: nome, sobrenome : sobrenome, nomeCompleto: function() { return pessoa.nome + ‘ ‘ + pessoa.sobrenome; }, nomeCompletoInvertido: function() { return pessoa.sobrenome + ', ' + pessoa.nome; } } } Solução 2
- 29. > s = criarPessoa(“João", “Silva") > s. nomeCompleto() João Silva > s. nomeCompletoInvertido() Silva, João
- 30. Solução 3 function Pessoa(nome, sobrenome) { this.nome = nome; this.sobrenome = sobrenome; } Pessoa.prototype.nomeCompleto = function() { return this.nome+ ' ' + this.sobrenome; } Pessoa.prototype.nomeCompletoInverso = function() { return this.sobrenome + ', ' + this.nome; }
- 31. Prototype
- 32. Funções Internas
- 33. Closures function realizaSoma(a) { return function(b) { return a + b; } } x = realizaSoma(5 ); y = realizaSoma(20 ); x(6) ? y(7) ?
- 35. Module Pattern
Notas do Editor
- #3: Para o usuário, javascript já ajudava muito ao evitar chamadas desnecessários ao servidor, numa época de conexões discadas