Javascript Pitfalls

Javascript Pitfalls

Transcript

1. JAVASCRIPT Pitfalls
2. Why?
4. Escopos • Global or FuckingScope • Functions • IIFE (Immediately Invoked Function Expression)
5. Global var chauehGlobal = "Chaue Ferradura"
6. Local var chauehGlobal = "Chaueh Ferradura"; function scope1() { var chauehLocal = "Chaueh é Legal"; } scope1(); console.log(chauehLocal); //Arrrggg ... Reference Error
7. var chauehGlobal = "Chaueh Ferradura"; function scope1() { var chauehLocal = "Chaueh é Legal"; function scope2() { var chauehLocal = "Chaueh é Chato"; console.log(chauehLocal); // é Chato } console.log(chauehLocal); // é legal }
8. IIFE (function(){ var local = "Chaueh é Fofo"; })(); console.log(local); // Reference Error
9. javascript hoisting
10. – Chaueh Ferradura “JavaScript Hoisting é o comportamento default de mover declarações a o top.”
11. hoisting(); // Nooooooooooooooooo function chamaChaueh() { console.log("Nooooooooooooooooo") }
12. function chamaChaueh() { console.log("Nooooooooooooooooo") } hoisting(); // Nooooooooooooooooo
13. console.log(ops); // ??? (Gui? Gabi? Wil? Alguém arrisca?) var ops = "Chama Chaueh";
14. Fuck vou embora
15. Declare suas variáveis no começo
16. ops(); var ops = function(){ console.log("Chaueh é lindo"); }; Chaueh: Tá de sacanagem BrenoPHP? Você já mostrou que isso funciona. BrenoPHP: Mostrei Chaueh? Tem certeza? Acho que não
17. Objetos por referência
18. var pessoa = { idade: 20 } var chaueh = pessoa; chaueh.idade = 24; console.log(pessoa.idade); // 24
19. var pessoa = { idade: 20 } var chaueh = Object.create(pessoa); chaueh.idade = 24; console.log(pessoa.idade); // 20 object.create
20. .has Own Property
21. var chaueh = { nome: "Chaueh Ferradura", idade: 24, sexo: "M" } chaueh.hasOwnProperty("nome"); // true chaueh.hasOwnProperty("religiao"); // false
22. == ≠ ===
23. ("0" == 0) // true ("0" === 0) // false
24. parseint do demo….
25. parseInt("08"); // 0 parseInt("08", 10); // 8
26. String replace
27. var texto = "Chaueh Ferradura era um cara legal"; texto.replace(/ /, "_"); //Chaueh_Ferradura era um cara legal texto.replace(/ /g, "_"); // Chaueh_Ferradura_era_um_cara_legal
28. obrigado