Guía resumida de Javascript
Javascript básico
Javascript es un lenguaje de alto nivel, débilmente tipado, multiparadigmático, usado
para el Desarrollo Web tanto Front-end (ejecutado en el buscador junto con HTML y
CSS) como Back-end (en el lado del servidor) y estandarizado por la EcmaScript
(ES).
Sintaxis básica
Para imprimir algo en consola se debe usar el objeto console junto al método log
y entre paréntesis el valor a imprimir.
Los tipos de datos en Javascript son: string (cadenas de texto o caracteres simples),
numéricos (números enteros, grandes y decimales), booleanos (true o false),
indefinidos (undefined), null (intencionalmente nulos), objetos y símbolos. Se pueden
declarar con la palabra var (despreciada desde la ES6) o si no con let en el caso de
las variables cambiables a lo largo del programa o const en el caso de las constantes.
Al final de cada instrucción se usa un punto y una coma (;) .
console.log('Hola Mundo');
var lol = null;
let buenas;
buenas = true;
const numero = 5;
Funciones
Las funciones en Javascript permiten ejecutar en cualquier momento piezas de código
sin necesidad de escribirlas de nuevo. Las funciones normales se declaran con
function nombreDeLaFuncion (paremetros) { contenido de la función }. También se
pueden abreviar y encapsular en variables como en el caso de las funciones anónimas.
Para llamar a una función se utiliza nombreDeLaFuncion(parametros), y en caso de
que estos últimos no existan se le puede dar a cada uno un valor por defecto desde la
función a través de el símbolo igual (num1 = 1, num2 = 2). Para encapsular y devolver
el valor de una función se usa la keyword return.
// Funciones comunes
, function suma1 (num1, num2) {
return num1 + num2;
}
// Funciones anónimas comunes
const hola = function() {
return "Hola mundo";
}
// Funciones "Arrow head"
const suma2 = (num1, num2) => {
return num1 + num2;
}
const suma3 = (num1, num2) => num1 + num2 ; /* Keyword return implícita, solo
disponible en este tipo de funciones */
Javascript avanzado
Arrays
Son listas de valores que pueden ser de varios tipos (strings, numbers, null)
almacenadas en una variable de cualquier tipo y denotadas por brackets []. Se puede
acceder a sus valores ya sea por su índice (que empieza en el [0]) o por su mismo
valor [’hola’]. Todos los arrays son modificables en sus valores, ya sean declarados
con var, let o const, sin embargo, solo los declarados con los primeros 2 pueden ser
reasignados a un diferente tipo de dato o array.
Algunos de los métodos utilizados para modificar Arrays son: nombredelArray.pop()
(borra el último elemento), .shift (borra el primer elemento), .unshift (añade elementos
al comienzo), .indexOf (devuelve el índice de un cierto valor), .push (añade elementos
al final), .slice (divide en otro array los elementos a partir de x índice, no afecta al
array original) y .splice (añade valores de un índice hasta otro)
const arrayFijo = ['Londrés', 'Paris', true];
colores.pop() // Londrés, Paris
arrayFijo.push(50); // Londrés, París, 50
arrayFijo = 0.2 // Error, cambio de valor en una variable constante
let colores = ['Rojo, ', 'Amarillo y ', 'Azul'];
console.log(colores.join()) // Devuelve una string con Rojo, Amarillo y Azul
Javascript básico
Javascript es un lenguaje de alto nivel, débilmente tipado, multiparadigmático, usado
para el Desarrollo Web tanto Front-end (ejecutado en el buscador junto con HTML y
CSS) como Back-end (en el lado del servidor) y estandarizado por la EcmaScript
(ES).
Sintaxis básica
Para imprimir algo en consola se debe usar el objeto console junto al método log
y entre paréntesis el valor a imprimir.
Los tipos de datos en Javascript son: string (cadenas de texto o caracteres simples),
numéricos (números enteros, grandes y decimales), booleanos (true o false),
indefinidos (undefined), null (intencionalmente nulos), objetos y símbolos. Se pueden
declarar con la palabra var (despreciada desde la ES6) o si no con let en el caso de
las variables cambiables a lo largo del programa o const en el caso de las constantes.
Al final de cada instrucción se usa un punto y una coma (;) .
console.log('Hola Mundo');
var lol = null;
let buenas;
buenas = true;
const numero = 5;
Funciones
Las funciones en Javascript permiten ejecutar en cualquier momento piezas de código
sin necesidad de escribirlas de nuevo. Las funciones normales se declaran con
function nombreDeLaFuncion (paremetros) { contenido de la función }. También se
pueden abreviar y encapsular en variables como en el caso de las funciones anónimas.
Para llamar a una función se utiliza nombreDeLaFuncion(parametros), y en caso de
que estos últimos no existan se le puede dar a cada uno un valor por defecto desde la
función a través de el símbolo igual (num1 = 1, num2 = 2). Para encapsular y devolver
el valor de una función se usa la keyword return.
// Funciones comunes
, function suma1 (num1, num2) {
return num1 + num2;
}
// Funciones anónimas comunes
const hola = function() {
return "Hola mundo";
}
// Funciones "Arrow head"
const suma2 = (num1, num2) => {
return num1 + num2;
}
const suma3 = (num1, num2) => num1 + num2 ; /* Keyword return implícita, solo
disponible en este tipo de funciones */
Javascript avanzado
Arrays
Son listas de valores que pueden ser de varios tipos (strings, numbers, null)
almacenadas en una variable de cualquier tipo y denotadas por brackets []. Se puede
acceder a sus valores ya sea por su índice (que empieza en el [0]) o por su mismo
valor [’hola’]. Todos los arrays son modificables en sus valores, ya sean declarados
con var, let o const, sin embargo, solo los declarados con los primeros 2 pueden ser
reasignados a un diferente tipo de dato o array.
Algunos de los métodos utilizados para modificar Arrays son: nombredelArray.pop()
(borra el último elemento), .shift (borra el primer elemento), .unshift (añade elementos
al comienzo), .indexOf (devuelve el índice de un cierto valor), .push (añade elementos
al final), .slice (divide en otro array los elementos a partir de x índice, no afecta al
array original) y .splice (añade valores de un índice hasta otro)
const arrayFijo = ['Londrés', 'Paris', true];
colores.pop() // Londrés, Paris
arrayFijo.push(50); // Londrés, París, 50
arrayFijo = 0.2 // Error, cambio de valor en una variable constante
let colores = ['Rojo, ', 'Amarillo y ', 'Azul'];
console.log(colores.join()) // Devuelve una string con Rojo, Amarillo y Azul
