Aula 4 - objetos, funcoes, escopos e parametros

Author: rodrigo-web-developer

Diff for: codigo.js

@@ -142,12 +142,58 @@ function adicionar() {
 function testar() {
     console.log("1");
     let x = 0;
+    // executa função de forma assíncrona
     setTimeout(function () {
         x++;
         console.log("2");
     }, 0);
     console.log("3");
 }
+// criando como class
+// class Pessoa {
+//     constructor() {
+//         this.cpf = "";
+//         this.nome = "";
+
+//         //arrow function
+//         const Outra = () => { // não usa a palavra function
+//             // function Outra() {
+//             this.printCpf();
+//         };
+
+//         Outra();
+//     }
+//     printCpf() {
+//         console.log("CPF: ", this.cpf); // this: objeto do contexto
+//     };
+// }
+
+// criando como function
+function Pessoa() {
+    this.cpf = "";
+    this.nome = "";
+    //arrow function
+    const Outra = () => this.printCpf()
+
+    // não usa a palavra function
+    // function Outra() { }
+    Outra();
+}
+
+Pessoa.prototype.printCpf = function () {
+    console.log("CPF: ", this.cpf); // this: objeto do contexto
+};
+
+Pessoa.prototype.printNome = function () {
+    console.log("Nome: ", this.cpf);
+};
+
+// metodo != função
+function printPorLinha() {
+    for (let parametro of arguments) {
+        console.log(parametro);
+    }
+}
 
 // HTTP : HyperText Transfer Protocol - protocolo de transferência de hypertexto
 

Diff for: index.html

@@ -25,6 +25,7 @@
     <a href="#"  onclick="transitionTo(event, '/primo')"> Primo</a>
     <button onclick="testar()" type="button">Testar</button><br>
     <div id="container" class="content conteudo corpo-pagina etc-etc">
+        
     </div>
     <!-- <div style="position:fixed;top:0;width:100%;height:100%">
         LOADER

Diff for: router.js

@@ -1,9 +1,7 @@
-Math.sqrt(9);
-
 function carregarConteudo() {
     let path = window.location.pathname;
     let html = "";
-    switch (path) {
+    switch (path) { // verifica qual é a rota
         case "/":
             html = "formulario.html";
             break;
@@ -22,22 +20,21 @@ function carregarConteudo() {
     //                       serializa para texto -> container.innerHTML = texto
     if (html != "") {
         fetch(html) // Promise
-            .then(function (resposta) { // quando o servidor retornar a resposta HTTP
-                return resposta.text(); // Segunda Promise
-            })
-            .then(function (texto) { // quando a resposta for transformada em string
-                container.innerHTML = texto;
+            .then(
+                // quando o servidor retornar a resposta HTTP
+                resposta => resposta.text() // Segunda Promise
+            )
+            // quando a resposta for transformada em string
+            .then(function (texto) {
+                container.innerHTML = texto
             });
     }
-    console.log()
 }
 
 function transitionTo(event, path) {
     event.preventDefault(); // impede que a tag "a" ao ser clicada redirecione a pagina
-    window.history.pushState("", "", path);
+    window.history.pushState("", "", path); // troco apenas a url sem redirecionar
     carregarConteudo();
 }
 
-window.addEventListener("load", function () {
-    carregarConteudo();
-});
+window.addEventListener("load", () => carregarConteudo());

Diff for: server.py

@@ -3,7 +3,7 @@
 PORT = 8000
 class SimpleHandler(http.server.SimpleHTTPRequestHandler):
     def do_GET(self):
-        match = re.search("\.(js|ico|html|png|css|map)$", self.path)
+        match = re.search("\.(js|ico|html|png|css|map)$", self.path) # self é o this em python
         res = None
         self.send_response(200)
         filename = "index.html" if match == None else self.path[1:]