teamfactorizacion

Team Factorización

JavaScript

Clases y manejo de datos externos

Clases

25 de Septiembre de 2022

Cuando se tiene una clase, esta puede crear objetos

El metodo constructor debe tener el nombre exacto del constructor, es ejecutado automaticamente y es utilizado para analizar las propiedades del objeto.

                        class ClassName {
                         constructor() { ... }
                         method_1() { ... }
                         method_2() { ... }
                         method_3() { ... }
                       }
                       
                       
Escrito por:

Riuske Nishime Robleto

Modulo

25 de Septiembre de 2022

Los modulos de javascript permiten separar el codigo en archivos diferentes, haciendo más facil mantener la base del codigo.

Se permite exportar una función o variable de cualquier archivo. Existen 2 formas de exportar, por lineas individuales y todo junto.

                        //Exportar por lineas separadas
                       
                       export const tiempo = 20;
                       export const nombre = "Richard"
                       
                       //Todos en uno
                       
                       const tiempo = 20;
                       const nombre = "Richard"
                       
                       export {tiempo, nombre};
                       
                       
                       

Se puede importar modulos en un archivo ya sea con los nombres de los exportados o desde los default.

                        //importar por los nombres
                       
                       import {tiempo, nombre} from "./registroTiempo.js";
                       
                       //importar por defecto
                       
                       import registro desde "./registroTiempo.js"
Escrito por:

Riuske Nishime Robleto

Declaraciones condicionales

25 de Septiembre de 2022

Las declaraciones condicionales permiten que bloques de codigo puedan realizar diferentes acciones. Entre dichas declaraciones tenemos:

if: Especifica a un bloque de codigo sea ejecutado solamente si la condición se cumpla.

                        if (condicion) {
                         // codigo a ejecutar
                       }
                       
                       if (edad < 7) {
                         permiso = "Puede entrar";
                       }

else: Especifica a un bloque de codigo sea ejecutado si la condicion en falsa.

                        if (condicion) {
                         // codigo a ejecutar
                       }else {
                         //  codigo a ejecutar si la condicion anterior fue falsa.
                       }
                       
                       if (edad < 7) {
                         permiso = "Puede entrar";
                       }else {
                         permiso = "No puede entrar"
                       }

else if: Especifica a una nueva condicion, si la primera es falsa.

                        if (primera condicion) {
                         //  codigo ejecutado si se cumple la primera condicion
                       } else if (segunda condicion) {
                         //  codigo que se cumple si la primera condicion es falsa y la segunda es verdadera
                       } else {
                         //  Codigo que se ejecuta si las otras 2 condiciones no se cumplen
                       }
                       
                       if (tiemCarrera < 15) {
                         premio = "carro";
                       } else if (tiemCarrera < 20) {
                         premio = "moto";
                       } else {
                         premio = "dinero";
                       }

switch: Especifica diferentes alternativas de bloques de codigo que pueden ser ejecutados.

                        switch(expresion) {
                         case x:
                           // bloque de codigo 1
                           break;
                         case y:
                           // bloque de codigo 2
                           break;
                         default:
                           // bloque de codigo 3
                       }
                       
                       
Escrito por:

Riuske Nishime Robleto

JSON

25 de Septiembre de 2022

JSON o JavaScript Object Notation es un formato para almacenar y transportar datos. Usualmente se utiliza cuando los datos son enviados desde un server hacia una pagina web.

Los datos de JSON se escriben como parejas de nombre/valores que consisten en un nombre de campo despues de dos puntos y por utlimo un valor.

"primerNombre":"Riuske"

En el caso de los objetos, estos se escriben entre llaves y pueden contener multiples parejas de nombre/valores.

{"animaCarnivoro":"Tigre", "animalHerbivoro":"panda"}

Los arreglos se escriben dentro de corchetes y pueden tener objetos.

                        "Zoologico":[
                       {"animaCarnivoro":"Tigre", "animalHerbivoro":"panda"}
                       ]

El uso común que se le da a JSON es para leer los datos desde un servidor web y poder desplegarlos en una pagina web.

                        let textoZoo = '{ "zoologico" : [' +
                       '{ "animalCarnivoro":"Tigre" , "animalherbivoro":"Panda" } ]}';

Luego se utiliza la función JSON.parse() para poder convertilo a un objeto.

                        const obj = JSON.parse(textoZoo);

Y con eso ya se puede usar como un objeto.

Escrito por:

Riuske Nishime Robleto