Nada sobre JavaScript
Tudo que você queria perguntar mas
não dará tempo
by
Luís Fernando Vendrame
Desenvolvedor
Tenta entender de tudo
Não entende de Nada
No máximo resolve
algum problema
JavaScript não é Java
Nasceu em 1995 na Netscape
Sim, é tipada
var i = “oi”;
typeof oi === “string”
Sim, é dinâmica
Tudo é objeto, inclusive função, com exceção de
number,...
var obj = {} //object
var dt = new Date() //object --> Date
var arr = [] //object --> Array
var func = function(){} //func...
Object
Contexto
Properties
obj[“Prop”] ou obj.Prop
for in percorre
hasOwnProperty(propertyName)
delete obj.Prop
Prototype
Quem disse que JavaScript não tem
herança
function Employee () { … }
function Manager () { ... }
Manager.prototy...
Escopo
Global
Função 1
Função 2
Busca de variáveis em todos os escopos
Minimize a busca por escopos
Contexto
Global
Objetos
Function
Pode ser uma função normal
Pode ser uma função construtora
Criam novo escopo de execução
Tem um cara legal chamad...
Function
Se chamado com new cria um novo
contexto
Pode transferir o contexto chamador (bind,
call e apply)
O this com new ...
For
for(var i = 0; i < 3; i++){ ... }
for(var i in [1,2,3,4,5,6]){ ... }
Prefira guardar o tamanho do array
for(var i = 0,...
“use strict”; (ativa o modo estrito)
Equívocos são erros e não serão tolerados
Bloqueia o uso de variáveis globais implíci...
IIFE - Immediately-Invoked Function Expression
Cria um novo escopo isolado
Protege variáveis criadas no seu escopo
Em caso...
Jquery é legal, mas por favor, saiba fazer antes
com JavaScript puro, você se tornará amigo do
DOM
Jquery muitas vezes é m...
Próximos SlideShares
Carregando em…5
×

Nada sobre JavaScript

174 visualizações

Publicada em

Um pouquinho, mas bem pouquinho mesmo, quase que nada sobre JavaScript e suas coisas legais.

Publicada em: Tecnologia
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Nada sobre JavaScript

  1. 1. Nada sobre JavaScript Tudo que você queria perguntar mas não dará tempo
  2. 2. by Luís Fernando Vendrame Desenvolvedor Tenta entender de tudo Não entende de Nada No máximo resolve algum problema
  3. 3. JavaScript não é Java Nasceu em 1995 na Netscape
  4. 4. Sim, é tipada var i = “oi”; typeof oi === “string” Sim, é dinâmica Tudo é objeto, inclusive função, com exceção de number, string, boolean, null e undefined
  5. 5. var obj = {} //object var dt = new Date() //object --> Date var arr = [] //object --> Array var func = function(){} //function
  6. 6. Object Contexto Properties obj[“Prop”] ou obj.Prop for in percorre hasOwnProperty(propertyName) delete obj.Prop
  7. 7. Prototype Quem disse que JavaScript não tem herança function Employee () { … } function Manager () { ... } Manager.prototype = new Employee; Uouuuuu
  8. 8. Escopo Global Função 1 Função 2 Busca de variáveis em todos os escopos Minimize a busca por escopos Contexto Global Objetos
  9. 9. Function Pode ser uma função normal Pode ser uma função construtora Criam novo escopo de execução Tem um cara legal chamado arguments
  10. 10. Function Se chamado com new cria um novo contexto Pode transferir o contexto chamador (bind, call e apply) O this com new aponta pro novo contexto, sem new aponta para o contexto Global
  11. 11. For for(var i = 0; i < 3; i++){ ... } for(var i in [1,2,3,4,5,6]){ ... } Prefira guardar o tamanho do array for(var i = 0, len = arr.length; i < len; i++) { ... } For in somente se realmente necessário
  12. 12. “use strict”; (ativa o modo estrito) Equívocos são erros e não serão tolerados Bloqueia o uso de variáveis globais implícitas With não será permitido Quando a função for chamada sem o new, this não apontará para Global, pois será um undefined http://tableless.com.br/javascript-strict-mode/ Entre outros...
  13. 13. IIFE - Immediately-Invoked Function Expression Cria um novo escopo isolado Protege variáveis criadas no seu escopo Em casos simples as vezes já necessitamos deste isolamento http://tutsmais.com.br/blog/javascript-2/o- que-e-iife-no-javascript/
  14. 14. Jquery é legal, mas por favor, saiba fazer antes com JavaScript puro, você se tornará amigo do DOM Jquery muitas vezes é mais lento que o nativo Se usar Jquery, minimize as buscas de elementos, elas não precisam ser executadas a todo tempo.

×