← back

Coding & Dummies | Episode 3

Objetivo: Todo App

Javascript

Como correrlo?

  <!-- ... -->
  <body>
    <script>
      // inline
      console.log("Hola!");
    </script>
    <script src="app.js"></script>
    <!-- Debe ser al final del body -->
  </body>

Variables

reasignar scope/alcance
const no block
let si block
var si function

Tipos

typeof variable

Funciones

Incluidas
Custom

Declaracion:

function sumar(x, y) {
  return x + y
}

Llamar:

sumar(2, 4) // 6

Otras formas de declarar:

Arrow function

const sumar = (x, y) => {
  return x + y
}

Arrow function con retorno implicito

const sumar = (x, y) => x + y
const sumar = function(x, y) {
 return x + y
}

Scope

function sumarConstante(x) {
 const constante = 5
 return x + constante
}

sumarConstant(2) // 7
console.log(constante) // ReferenceError: constante is not defined
const constante = 5
function sumarConstante(x) {
 return x + constante
}

sumarConstant(2) // 7
console.log(constante) // 5

Hoisting

Quienes?

Que?

nombreDelGato("Dumas");

function nombreDelGato(nombre) { 
  console.log("El nombre de mi gato es " + nombre);
}

// El nombre de mi gato es Dumas
nombreDelGato("Dumas");

const nombreDelGato = (nombre) =>  { 
  console.log("El nombre de mi gato es " + nombre);
}

// Uncaught ReferenceError: nombreDelGato is not defined

Closure

function liveADay() {
  let food = 'cheese'; // Declare `food`
  function eat() {
    console.log(food + ' is good'); // Read `food`
  }
  eat();
}
liveADay();