Javascript

Índice

Introduccion

Lenguaje de programación interpretado, creado por Brendan Eich

Edición	Publicación	Cambios
1	1997	Primera edición.
2	1998	Cambios editoriales para mantener la especificación completa alineada con el estándar internacional ISO/IEC 16262.
3	1999	Se agregaron expresiones regulares, mejor manejo de strings, nuevo control de declaraciones, manejo de excepciones con try/catch, definición mas estricta de errores, formato para la salida numérica y otras mejoras.
4	Abandonado	La cuarta edición fue abandonada debido a diferencias políticas respecto a la complejidad del lenguaje. Muchas características propuestas para la cuarta edición fueron completamente abandonadas; algunas fueron propuestas para la edición ECMAScript Harmony.
5	2009	Agrega el modo string mode , un subconjunto destinado a proporcionar una mejor comprobación de errores y evitar constructores propensos a errores. Aclara varias ambigüedades de la tercera edición, y afina el comportamiento de las implementaciones del "mundo real" que difieren consistentemente desde esa especificación. Agrega algunas nuevas características, como getters y setters, librería para el soporte de JSON, y una mas completa reflexión sobre las propiedades de los objetos.
5.1	2011	Está completamente alineada con la tercera edición del estándar internacional ISO/IEC 16262:2011.
		A partir de 2015 las actualizaciones son continuas teniendo una versión anual.
6	2015	ES2015 es ES6.
7	2016	ES2016 es ES7.
8	2017	ES2017 es ES8.
9	2018	ES2018 es ES9.
10	2019	ES2019 es ES10.
ESNext		...y así sucesivamente

Caracteristicas y gramatica

Isomorfismo

Hoy(2020) Javascript es el único lenguaje capaz de ejecutarse en las 3 capas de una aplicaión:

Frontend(Javascript).
Backend(Node.js).
Persistencia de Datos(MongoDB, Couch DB, Firebase, etc).

Que se puede hacer con Javascript?

Diseño y desarrollo web.
Videojuegos.
Experiencias 3D, Realidad Aumentada, Realidad Virtual.
Controlar hardware(Drones, Robots, Electrodomesticos, etc).
Aplicaciones Móviles e Híbridas.
Machine Learning y otras IAs.

Características

Lenguaje de Alto Nivel.
Interpretado.
Dinámico.
Débilmente Tipado.
Multi paradigma.
Distingue MAYÚSCULAS y minúsculas.
No necesita los puntos y comas al final de cada linea.

Escribiendo código

Los identificadores deben comenzar con:

Una letra o
Un signo de dolar $ o
Un guión bajo _
Nunca números o caracteres especiales

Palabras reservadas

Son las palabras que ya estan siendo utilizadas por los lenguajes de programacion y no deberiamos de usar para crear identificadores con esos nombres.

A: abstract;
B: bolean, break, byte;
C: case, catch char, class, const , continue;
D: debugger, default, delete, do, double;
E: else, enum, export, extends;
F: false, final, finally, float, for, function;
G: goto;
I: if, implements, import, in, instanceof, int, interface;
L: long;
N: native, new, null;
P: package, private, protected, public;
R: return,
S: short, static, super, switch, synchronized;
T: this, throw, throws, transient, true, try, typeof;
V: var, volatile, void;
W: while, with;

Orden del código

Para mejores practicas al escribir código debemos seguir el siguiente orden.

Importación de módulos.
Declaración de variables.
Declaración de funciones.
Ejecución de código.

Tipos de datos

Primitivos(Se accede directamente al valor).
- string
- number
- boolean
- null
- undefined
- NaN
Compuestos(Se accede a la referencia del valor).
- object = {}
- array = []
- function = () {}
- class {}
- etc.

Comentarios

Son para que el desarrollador deje notas dentro del código y sea mas sencillo de entender en futuras revisiones o modificaciones del codigo.

//Comentario de una linea

/*Comentario
de
múltiples 
lineas*/

Objetos Globales

Procesamiento de texto

String

Cadena de Texto

Se utiliza para representar y manipular una secuencia de caracteres.

Se pueden crear de la siguiente manera:

let nombre = "Oscar";
let apellido = "Zatell";
let saludo = new String("Hola mundo");

Propiedades

String.length

Sirve para contar los caracteres en un string

<script>
  let nombre = "Oscar";
  let apellido = "Zatell";
  let saludo = new String("Hola mundo");

  console.log(nombre, apellido, saludo);
  console.log(nombre.length, apellido.length, saludo.length);
</script>

Métodos

String.fromCharCode()

Este método devuelve una cadena y no un objeto String.

Debido a que fromCharCode es un método estático de String, usted siempre lo usará como String.fromCharCode()

El siguiene ejemplo devuelve la cadena "ABCDEFGHIJKLMNOPQRSTUVWXYZ". Devuelve el valor de la cadena en unicode.

let unic = String.fromCharCode(
  65,
  66,
  67,
  68,
  69,
  70,
  71,
  72,
  73,
  74,
  75,
  76,
  77,
  78,
  79,
  80,
  81,
  82,
  83,
  84,
  85,
  86,
  87,
  88,
  89,
  90
);
console.log(unic);

... lo vemos en consola

String.fromCodePoint()

String.prototype.charAt()

String.prototype.charCodeAt()

String.prototype.codePointAt()

String.prototype.concat()

String.prototype.endsWith()

String.prototype.includes()

String.prototype.lastIndexOf()

String.prototype.localeCompare()

String.prototype.match()

String.prototype.normalize()

String.prototype.padStart()

String.prototype.repeat()

String.prototype.replace()

String.prototype.search()

String.prototype.slice()

String.prototype.split()

String.prototype.startsWith()

String.prototype.substring()

String.prototype.toLocaleLowerCase()

String.prototype.toLocaleUpperCase()

String.prototype.toLowerCase()

String.prototype.toString()

String.prototype.toUpperCase()

String.prototype.trim()

String.prototype.valueOf()

String.raw()

Variables

var vs let

<script>
  var hola = "Hola mundo";
  let hello = "Hello world";
  console.log(hola);
  console.log(hello);
  console.log(window);
  console.log(window.hola);
  console.log(window.hello);
  //bloque
  var musica = "Rock";
  console.log("Variable musica antes del bloque", musica);
  {
    var musica = "Pop";
    console.log("Variable musica antes del bloque", musica);
  }
  console.log("Variable musica despues del bloque", musica);
</script>

Si escribimos el codigo anterior en un html y visualizamos la pagina al revisar la consola veeremos lo siguiente:

Quiere decir que var tiene un alcance global y se guarda dentro del objeto "window"(que es toda la ventana del navegador), en Node.js se guardaría dentro del objeto "global".

Pero que pasa si el codigo anterior cambiamos var a let?

//bloque
let musica = "Rock";
console.log("Variable musica antes del bloque", musica);
{
  let musica = "Pop";
  console.log("Variable musica antes del bloque", musica);
}
console.log("Variable musica despues del bloque", musica);

Observamos la consola

Y podemos ver que let si nos respeta cuando lo llamamos dentro de un bloque y fuera de este.

Constantes

Se usan para nombrar variables que su valor no va a cambiar

const PI = 3.1416;
console.log(PI);

las excepciones serían con los objetos "objet" y los arreglos "array"

<script>
  const objeto = {
    nombre: "Jon",
    edad: 35,
  };
  const colores = ["blanco", "negro", "axul"];
  console.log(objeto);
  console.log(colores);

  //Para crear una nueva propiedad en el objeto accedemos con el punto
  objeto.correo = "jon@omniversal.pro";

  //Hacemos uso de una funcion que tienen los arreglos llamada "push" que nos permite agregar un nuevo elemento.
  colores.push("naranja");

  console.log(objeto);
  console.log(colores);
</script>

Observamos en la consola y podemos ver que los elementos de arreglo y objeto tienen cambios a pesar de ser una constante. Por que para javascript la constante se sigue refiriendo al mismo objeto o arreglo.

Strings

Cadenas de texto

oscarzatell/javascript