Link: https://platzi.com/clases/1814-basico-javascript/26290-que-es-javascript/

Javascript brinda la interaccion en una aplicacion web Caracteristicas: -Debilmente tipado -Dinamico e Interpretado -Orientado a Objetos

Javascript y Sus valores Valores Primitivos y Valores No Primitivos Codigo en valores.js Primitivos: Tipo de datos comunes (int, boolean, null, undef...) No primitivos: Objetos (Arrays, Diccionarios...)

Funciones

Llevan parametros o datos necesarios para su ejecucion
Funciones Declarativas
    Sintaxis: function miFuncion(){
        return x;
    }

    Call o llamado: miFuncion(); // Nombre de la Function

Funciones de Expresion = Guardamos la funcion en una variable
    Sintaxis: var miFuncion = function(){
        return a + b;
    }

    Call o llamado: miFuncion(); //Nombre de Var

Diferencias:
Hoisting: Es poder llamar a la funcion antes de 
definirla mas abajo

A las funciones declarativas se les aplica hoisting 
a la expresión de función, no. Ya que el hoisting 
solo se aplica en las palabras reservadas var y function.

Lo que quiere decir que con las funciones declarativas,
podemos mandar llamar la función antes de que ésta sea
declarada, y con la expresión de función, no, tendríamos que
declararla primero, y después mandarla llamar.

Scope: Alcance que tiene la variable, contexto donde las vars son visibles y pueden ser accedidas Determina el conjunto de variables que podemos acceder -Scope Lexico: El scope de cada variable se determina leyendo el codigo sin ejecutarlo Puede ser: Global: Declaraciones hechas fuera de funciones no tiene acceso a lo local Local: Tiene acceso a lo declarado global Declaraciones hechas en funciones -de Bloque: es lo mismo que local pero solo se accede dentro del bloque donde fue declarada Ejemplo------------ var miNombre = "Ernesto";

    function nombreCompleto(){
        var miApellido = "Crespo";
        console.log(miNombre + " "+ miApellido)
    }
    nombreCompleto(); //Mostrara Ernesto Crespo

Hoisting: Las vars y functions se declaran antes que se procese cualquier tipo de codigo -Solo sucede con var y function -Cuando se usa let y const NO AFECTA Si mandamos llamar una funcion ANTES de Declararla si vamos a obtener el resultado esperado siempre y cuando las variables esten declaradas e inicializadas, ANTES de mandar llamar a fun

Buenas practicas es Declarar Vars y Function al inicio del
Codigo para evitar los UNDEFINED y Hoisting

Coercion: Cambiar un tipo de valor a otro -Coercion Implicita: El lenguaje nos ayuda a cambiar el tipo de valor -Coercion Explicita: Forzamos a cambiar el tipo de valor

Truthy y Falsy Falsy => Boolean (0, null, NaN, undefined, false, "") Truthy => Boolean (1-9, "a", [], {}, function(){})

Operadores -Binarios + - * / -Unarios !false -Asignacion = -Compara el valor entre vars == o != -Compara el valor y TIPO === o !==(Estrictamente igual) || OR && AND

Condicionales if else y operador ternario El Operador Ternario tiene syntaxis asi: condition ? true : false ; Aqui definimos la condicion, el resultado cuando se cumple y cuando no, en una sola linea condition = condicion a cumplir true = si es cierto has esto false = si es falso has esto -------Switch Syntaxis switch (opcion){ case 1: //code break; case 2: //code break; default: //code }

Arrays son estructuras de datos de Tipo Objeto Array Methods--- Push=> agrega elementos al final del array Pop=> elimina elemento al final del array Unshift=> agrega elementos al inicio del array Shift=> Elimina elementos al inicio del array IndexOf=> Regresa la posicion de un elemento

Loops For and For of Estructuras repetitivas Para arrays podemos usar => items=["pen","pencil"] Debemos inicializar una variable singular de nuestro array (plural) for (var item of items){ //Code } Otra manera es con variable i=0 for (var i=0; i < array.length; i++)> //Code }

While Estructura repetitiva Mientras la condicion sea cierta siempre se ejecuta el bloque while(condicion){ //code }

Objetos Se guarda entre llaves {} Objetos se manejan con propiedades Propiedades son combinacion entre palabras claves y valores var objeto = { propiedad1: "valor1", propiedad2: "valor2" }; objeto.propiedad1 //Acceder a una propiedad Una funcion puede ser Propiedad de un Objeto var objeto = { propiedad1: "valor1", propiedad2: "valor2", detalleDelObjeto: function(){ //code } };

Objetos => Funcion Constructora Se utiliza para generar objetos de manera automatizada Creamos un template del objeto con function nombreFuncion(atributo1, atributo2){ this.atributo1 = atributo1; this.atributo2 = atributo2; } Luego se crea el objeto en relacion al template var objetoNuevo = New nombreFuncion(atributo1, atr2...) //Esto es por cada objeto nuevo individual Instancia es generar un objeto que deriva de otro objeto

Metodos de Recorrido de un Array -filter()=> Devuelve TODOS los elementos del array que cumplen con la condicion dada. Regresa un nuevo array. (Return Objeto ) -map() => Crea un nuevo array con los resultados de la llamada a la función indicada aplicados a cada uno de sus elementos. map llama la funcion una vez por cada elemento del array. (Return Propiedad de Objeto) Diferencias de filter y map son return de Objetos o Propiedades -find() => Devuelve el PRIMER elemento del array que cumpla con la condicion dada. Regresa un nuevo array. (Return objeto) -forEach()=>Ejecuta lo que le definimos una vez por cada elemento del array. No genera un nuevo array (Return propiedades) -some() => Comprueba si al menos un elemento del array cumple con la condicion dada. No genera un nuevo array (Return Boolean)