Please enable JavaScript.
Coggle requires JavaScript to display documents.
JAVACRIPT, objetos, asincronia, if-else, clearTimeout(temp);,…
JAVACRIPT
creado
BRENDAN EICH
1995
caracteristicas
ISOMORFISMO
Unico lenguaje capaz de ejecutarse en las 3 capas de una aplicacion
frontend
backend
base de datos
lenguaje de alto nivel
Interpretado y dinamico
las variables no tienen un tipo de datos fijo
Debilmente tipado
Multiparadigma
POO
CLASE
Es un modelo a seguir
OBJETOS
METODO
Es una caracteristica o propiedad de un objeto(son variables dentro del objeto)
Es una instancia de una clase
ATRIBUTO
Son las acciones que un objeto puede realizar(son funciones de un objeto)
JavaScript esta basada en prototipos y no en clases
CaseSensitive
single thread
solo puede ejecutar una cosa a la vez
tecnicas de escritura de codigo
archivos
snake_case
constantes
UPPER_CASE
clases
UpperCamelCase
objetos,primitivos,funciones,instancias
lowerCamelCase
compuesta
VARIABLES
declarada con...
let
primitivas
String
templates string
usando
comillas invertidas
``
ejemplo
Hola ${variable1} ${variable2}
number
let numero=new Number(5);
boolean
let verdadero=Boolean(true);
Null,undifined,NaN
Null ,cuando el valor es elegido como nulo intencionalmente
let variable=null
undifined,cuando el valor de la variable no esta definida
let variable;
NaN,cuando se intenta realizar operaciones matematicas con valores que no son numeros
se accede directamente al valor
Nuevos tipos de datos
symbol()
es un valor unico e inmutable que se utiliza como una clave para propiedades de objetos
compuestas
array
Permite almacenar variables de todo tipo
const arrayEjemplo=Array.of(valores);
const arrayEjemplo=Array.fill(valor);
ejemploArray.forEach(function(el,i){...})
Recorre todos los elementos de un array
Pueden ser destructurados.Ejemplo:
const {nombre,edad,apellido}=persona;
se accede a la referencia del valor
set
es una estructura de datos que nos permite almacenar valores unicos.
OJO no es un array*
WeakSet
const ws=new WeakSet();
solo guarda
objetos
, y si el objeto no es usado se elimina
maps
estructura de datos que permiten almacenar pares valor-clave.Las claves pueden ser objetos o funciones
const mapa=new Map([["nombre","luis"],["edad",98]]);
metodos
mapa.set("nombre","luis);
mapa.get("nombre");
WeakMap
iterator
objeto que proporciona un método next() que devuelve el siguiente elemento en una secuencia.
const iter=iterable [ Symbol.iterator ] ();
CONSTANTES
declarada con ...
const
Los
objetos
y
array
pueden ser declaradas como constantes y aun asi cambiar sus propiedades
FUNCIONES
Es un bloque de codigo autocontenido,que se define una vez y ejecutar en cualquier momento
function ejemplo(parametro1,...){...}
existen
FUNCIONES EXPRESADAS
Se le asigna como valor a una variable,y solo puede ser invocada despues de ser declarada
const nombreFuncion=function(){...}
arrow function
Nueva forma de definir funciones anonimas expresadas.Ejemplo:
const sumar=(a,b)=>a+b
FUNCIONES DECLARADAS
Puede invocarse en cualquier parte del codigo,incluso antes de la declaracion de la funcion
function(parametros....){...}
funciones anonimas autoejecutadas
Ej:(function(d,w,c)){...}(document,window,console)
import saludar,{Saludar,PI,usuario} from "./aritmetica.js";
OPERADORES
ARITMETICOS
+,-,/,*,%
RELACIONALES
<,>,>=,<=,==,===,!==
INCREMENTO/DECREMENTO
++var,var++/--var,var--
LOGICOS
!(not),||(or),&&(and)
ESTRUCTURAS DE CONTROL
bucles(loops)
while()
switch-case
do{...}while()
for()
for(const key in object)
permite recorrer o iterar las propiedades de un objeto
for(const key of object)
permite recorrer los elementos de cualquier objeto iterable en js ejemplo:arreglos
condicionales
MANEJO DE ERRORES
try{...}catch(){...}finally{...}
try
En este bloque se agrega el codigo a evaluar.
catch
Se captura cualquier error captado o surgido en el try
finally
se ejecuta siempre despues de un bloque try-catch
this
palabra clave especial que se refiere al objeto en el cual se está ejecutando actualmente el código.
call
métodos que te permiten llamar a una función y establecer explícitamente el valor de
this
funcion.call(obj, arg1, arg2, ...);
apply
funcion.apply(thisArg, [arg1, arg2, ...]);
bind
se utiliza para crear una nueva función que, cuando es llamada, tiene un valor de this predefinido
nuevaFuncion = funcionOriginal.bind(thisValor, arg1, arg2, ...);
JSON
Es un formato ligero de intercambio de datos. Todos los lenguajes de programacion lo soportan.
metodos
JSON.parse(
textoJSON
)
convierte una cadena JSON (JavaScript Object Notation) en un objeto JavaScript
JSON.stringify(
objeto
)
se utiliza para convertir un objeto JavaScript en una cadena JSON
objetos
Es una coleccion de llaves-valores compuesta por diferentes tipos de valores:string,number,objetos,array,funciones,etc
const ejemploObjeto={ variable:valor,...}
console
console.error(),console.warm(),console.info(),console.dir(),console.group(),console.table(),console.time(),console.count(),console.assert()
proxy
es un objeto especial que actúa como intermediario entre el código que realiza operaciones en un objeto y ese objeto mismo.
Date()
Math()
asincronia
mecanismos
callback
(
llamada de vuelta
)es una funcion que se ejecutara despues que otra lo haga
promises
objeto
que representa el resultado de una operacion asincrona,con mecanismo para deteccion de errores
async await
surgen para simplificar el manejo de promesas
temporizadores
let temp=setTimeout(()=>{...},(intervalo));
el codigo se ejecuta una sola vez, despues del intervalo de tiempo
setInterval(()=>{...},(intervalo));
Se ejecuta el codigo indefinidamente ,cada intervalo de tiempo.
generators
Son funciones especiales que pueden ser pausadas y luego reanudadas. Permiten crear una serie de valores sobre la marcha, en lugar de generar todos los valores de una vez y almacenarlos en una estructura de datos.
function* generarNumeros(){yield:1 ;...}
Permite realizar largas solicitudes de red sin bloquear(
no bloqueante
) el hilo principal(
event loop
)
if-else
operador ternario
(condicion)? verdadero:falso
clearTimeout(temp);
cancela el
setTimeout
clearInterval(temp);
cancela el
setInterval
event loop
Link
expresiones regulares
son una ecuencia de caracteres que forman un patron de busqueda
let expReg=/texto/ig;
const mySet=new Set([...]);