b3t8 - Front Flashcards

Question

tipos de datos en js Number String Boolean Array Object undefined null

Answer 1

Number String -> slice(...), replace(..) Boolean Array -> push(), pop() Object undefined null La función typeof(i) devuelve el tipo

Answer 2

Not a Number, valor especial cuando se hace alguna operación con números que no se puede representar con un número, como 0*0, o 4-'a', .... Infinitiy es el valor que devuelve por ejemplo 1/0

Answer 3

la parte de functions es menos preguntable y más compleja

Answer 4

function sumar(){...} Es como en php En python era def sumar(){}

Answer 5

Con corchetes directamente let frutas = ["Manzana", "Banana"] O con la función Array.of("Manzana", "Banana") Crear fecha con -> new Date()

Answer 6

let accessAllowed = (age > 18) ? true : false

Answer 7

En la etiqueta code < code class="language-js"> Fijarse que usa el atributo class para indicar el lenguaje La etiqueta para importar un js externo es script, con el atributo type y src < script type="text/javascript" src="js/eventos.js">

Answer 8

forEach() -> array1.forEach(element => console.log(element)); push() -> añade elemento al final pop() -> elimina el último elemento filter() -> se aplica una condición a cada elemento y quita los que no la cumplan map()-> crea un nuevo array aplicando a cada elemento una operación, sin modificar el original reduce() -> devuelve un solo elemento aplicando alguna operación a todos los elementos del array (por ejemplo un acumulador o sumatorio total, ...) slice(a,b) -> cortar un array, devuelve desde la posicion a hasta la b splice() -> Cambia el contenido del array eliminando o reemplazando elementos existentes sobre el array original

Answer 9

stringify() -> pasa de un objeto javascript a cadena parse()-> pasa de cadena a objeto javascript

Answer 10

Para ejecutar una función de forma asíncrona se crea dentro de **new Promise** ( function (..) {....}) Cuando esa función se ejecute será en asíncrono. Cuando dentro de esa función se llame a **resolve**(), se saltará fuera al bloque then. En el .**then**(...) se pone el código a ejecutar cuando se cumpla la promesa En el .**catch**(...) se pone el código si la promesa se ha rechazado

Answer 11

Pendiente (Pending): El estado pendiente no tiene un código numérico asociado directamente. Es simplemente el estado inicial de una promesa antes de que se cumpla o se rechace. Cumplida (Fulfilled): El estado cumplido se asocia con el código numérico 1. También se conoce como el código de éxito (fulfilled). Rechazada (Rejected): El estado rechazado se asocia con el código numérico 0. También se conoce como el código de fallo (rejected).

Answer 12

operadores **async** -> se le pone delante al definir de la función y ya es asíncrona async funcionAsincrona (...){..} operador **await** -> se pone delante al llamar a la función para esperar su resolución de forma asíncrona const asyncValue = await funcion(2)

Answer 13

click -> clickar focus -> recibir el foco blur -> perder el foco keypress -> pulsar una tecla dentro del campo input -> entrada de datos en el campo select -> seleccionar parte del texto (ojo que parece que tiene que ver con un campo select, y no) change -> - en campo select ->cambiar de opción en un combo por ejemplo - en campo input text -> cuando pierde el foco, si el contenido ha cambiado desde cuando lo recibió

Answer 14

Propagación o burbujeo -> cuando se dispara un evento en un elemento, se propaga de padre a padre hasta la raíz del DOM (incluso un elmento superor a Document, que es Window) En cualquiera de esos elementos padre se podría añadir un addEventListener para manejar ese evento en concreto cuando ocurra en cualquiera de sus hijos. Captura -> Después del burbujeo hasta la raíz del DOM, se vuelve a ir bajando por esos mismos elementos hasta el que originó el evento. En el manejador de eventos, para indicar que quieres manejarlo solo en la fase de captura, hay que poner true como tercer parámetro del addEventListener

Answer 15

preventDefault -> Se puede poner en un manejador de eventos para evitar que se produzca el comportamiento por defecto del evento. Por ejemplo, al pulsar un ancla de referencia, se podría evitar que al pulsar se navegue directamente a la dirección puesta en el href del ancla stopPropagation -> evita la fase de burbujeo, pero no la fase de captura

Answer 16

**var** -> se crea en el objeto window, se puede declarar y más tarde inicializar. Se puede re-declarar. **let** -> se crea en window, pero si se crea entre llaves (un if, o un blucle, ..) se destruye al salir de ese bloque **const** -> se inicializa a la vez que se declara. Luego no se puede cambiar su valor. Esto es porque lo que se mantiene constante es la referencia al objeto, pero el objeto sí puedes cambiarlo, por ejemplo puedes modificar los elementos si es un array, o las propiedades si es un objeto

Answer 17

En js sería hacer un array de objetos json let facturas = []; facturas.push({id:100,fecha:"abril-2019",total:30}); En php sería con arrays asociativos` $miArryAsociativo = array( "clave1" => "valor1", "clave2" => "valor2", "clave3" => "valor3" ); echo $diccionario["clave1"]; // Imprime "valor1" echo $diccionario["clave2"]; // Imprime "valor2" En phyton sería con diccionarios diccionario = { "clave1": "valor1", "clave2": "valor2", "clave3": "valor3" } print(diccionario["clave1"]) # Imprime "valor1" print(diccionario["clave2"]) # Imprime "valor2"

Answer 18

Crearla -> let re1 = **new RegExp**("hey"); Usarla -> re1.**test**('hey')

Answer 19

Simples y dobles son iguales: pero hay que escapar el caracter de comillas si se quiere usar dentro (cada tipo de comilla en su caso) las comillas al revés interpretan los saltos de línea, sin tener que poner /n y permite evaluar variables, sin tener que usar eval(cadenaconvariables) cadena2 = `esto es otra cadena ${1+2}`;

Answer 20

Cuando hay funciones anidadas, node crea un contexto de memoria para la función interior, que se queda en memoria.

Answer 21

Es una propiedad de la función constructora de un objeto Permite crear funciones "de clase" en el sentido de que si se le asigna a la propiedad prototype una función, esta no se duplicará en cada objeto creado con la función constructora. Si se trata de ejecutar una función de un objeto, el sistema primero la busca en el objeto, y si no la encuentra, la busca en la propiedad prototype de su función constructora. También sirve para simular herencia: Primero, en la función constructora de un objeto se hace una llamada a la función .call() de otra función constructora, de forma que el primer objeto toma toda la definición del segundo function Empleado(nombre,edad,salario){ Persona.call(this,nombre,edad); this.salario = salario; } También se puede hacer así Empleado.prototype=new Persona();