in

JavaScript ES6

ECMAScript 2015 fue la segunda revisión importante de JavaScript.

ECMAScript 2015 también se conoce como ES6 y ECMAScript 6.

Este capítulo describe las características más importantes de ES6.

Nuevas funciones en ES6


Soporte de navegador para ES6 (2015)

Safari 10 y Edge 14 fueron los primeros navegadores en ser totalmente compatibles con ES6:

Cromo 58 Borde 14 Firefox 54 Safari 10 Ópera 55
Ene. De 2017 Ago. De 2016 Mar. De 2017 Julio de 2016 Ago. De 2018

JavaScript permite

los let La palabra clave le permite declarar una variable con alcance de bloque.

Ejemplo

var x = 10;
// Aquí x es 10
{
sea ​​x = 2;
// Aquí x es 2
}
// Aquí x es 10

Inténtalo tú mismo »

Leer más sobre let en el capítulo: JavaScript Let.


Const de JavaScript

los const La palabra clave le permite declarar una constante (una variable de JavaScript con un valor constante).

Las constantes son similares a las variables let, excepto que el valor no se puede cambiar.

Ejemplo

var x = 10;
// Aquí x es 10
{
constante x = 2;
// Aquí x es 2
}
// Aquí x es 10

Inténtalo tú mismo »

Leer más sobre const en el capítulo: JavaScript Const.



Funciones de flecha

Las funciones de flecha permiten una sintaxis corta para escribir expresiones de funciones.

No necesitas el function palabra clave, la return palabra clave y la
corchetes.

Ejemplo

// ES5
var x = función (x, y) {

return x * y;
}

// ES6
constante x = (x, y) => x * y;

Inténtalo tú mismo »

Las funciones de flecha no tienen su propia this. No son adecuados para definir métodos de objeto.

Las funciones de flecha no están elevadas. Deben estar definidos antes de son usados.

Utilizando const
es más seguro que usar var, porque una expresión de función es siempre un valor constante.

Solo puede omitir el return palabra clave y las llaves si la función es una sola declaración. Debido a esto, puede ser un buen hábito tenerlos siempre:

Obtenga más información sobre las funciones de flecha en el capítulo: Función de flecha de JavaScript.


El bucle For / Of

El JavaScript for/of instrucción recorre los valores de un objeto iterable.

for/of le permite recorrer las estructuras de datos que son iterables, como matrices, cadenas, mapas, listas de nodos y más.

los for/of loop tiene la siguiente sintaxis:

por (variable de iterable) {
// bloque de código a ejecutar
}

variable – Para cada iteración, el valor de la siguiente propiedad se asigna a la variable. Variable se puede declarar con
const, let, o var.

iterable – Un objeto que tiene propiedades iterables.

Bucle sobre una matriz

Ejemplo

coches const = [«BMW», «Volvo», «Mini»];
let text = «»;

para (sea x de coches) {
texto + = x + «»;
}

Inténtalo tú mismo »

Bucle sobre una cuerda

Ejemplo

let language = «JavaScript»;
let text = «»;

para (sea x del idioma) {

texto + = x + «»;
}

Inténtalo tú mismo »

Obtenga más información en el capítulo: JavaScript Loop For / In / Of.


Objetos de mapa de JavaScript

Poder utilizar un Objeto como clave es una característica importante del Mapa.

Ejemplo

// Crear objetos
const manzanas = {nombre: ‘Manzanas’};
const bananas = {nombre: ‘Bananas’};
const naranjas = {nombre: ‘Naranjas’};

// Crea un nuevo mapa
frutas constantes = nuevo Mapa ();

// Agregar nuevos elementos al mapa
fruit.set (manzanas, 500);
fruit.set (plátanos, 300);
fruit.set (naranjas, 200);

Inténtalo tú mismo »

Obtenga más información sobre los objetos Map en el capítulo: JavaScript Map ().


Objetos de conjunto de JavaScript

Ejemplo

// Crear un conjunto
letras constantes = nuevo Conjunto ();

// Agrega algunos valores al conjunto
letras.add («a»);
letras.add («b»);
letras.add («c»);

Inténtalo tú mismo »

Obtenga más información sobre los objetos Set en el capítulo: JavaScript Set ().


Clases de JavaScript

Las clases de JavaScript son plantillas para objetos de JavaScript.

Usa la palabra clave class para crear una clase.

Siempre agregue un método llamado constructor():

Sintaxis

class ClassName {
constructor () {…}
}

Ejemplo

class Car {
constructor (nombre, año) {
this.name = nombre;
this.year = año;
}
}

El ejemplo anterior crea una clase llamada «Coche».

La clase tiene dos propiedades iniciales: «nombre» y «año».

Una clase de JavaScript es no un objeto.

Es un plantilla para objetos JavaScript.


Usando una clase

Cuando tienes una clase, puedes usar la clase para crear objetos:

Ejemplo

const myCar1 = coche nuevo («Ford», 2014);
const myCar2 = coche nuevo («Audi», 2019);

Inténtalo tú mismo »

Obtenga más información sobre las clases en el capítulo: Clases de JavaScript.


Promesas de JavaScript

Una promesa es un objeto de JavaScript que vincula «Código de producción» y «Código de consumo».

«Producir código» puede llevar algún tiempo y «Consumir código» debe esperar el resultado.

Sintaxis de promesa

const myPromise = new Promise (function (myResolve, myReject) {
// «Producir código» (puede llevar algún tiempo)

myResolve (); // cuando tiene éxito
myReject (); // cuando error
});

// «Código de consumo» (Debe esperar a que se cumpla una promesa).
myPromise. then (
función (valor) {/ * código si tiene éxito * /},
función (error) {/ * código si hay algún error * /}
);

Ejemplo de uso de una promesa

const myPromise = new Promise (function (myResolve, myReject) {
setTimeout (function () {myResolve («¡¡Te amo !!»);}, 3000);
});

myPromise.then (función (valor) {
document.getElementById («demostración»). innerHTML = valor;
});

Inténtalo tú mismo »

Obtenga más información sobre las promesas en el capítulo: Promesas de JavaScript.


El tipo de símbolo

Un símbolo de JavaScript es un tipo de datos primitivo como Número, Cadena o Booleano.

Representa un identificador «oculto» único al que ningún otro código puede acceder accidentalmente.

Por ejemplo, si diferentes codificadores desean agregar una propiedad person.id a un objeto person que pertenece a un código de terceros, podrían mezclar los valores de los demás.

El uso de Symbol () para crear identificadores únicos resuelve este problema:

Ejemplo

persona constante = {
nombre: «Juan»,
apellido: «Doe»,
edad: 50,
eyeColor: «azul»
};

let id = Symbol (‘id’);
persona[id] = 140353;
// Ahora persona[id] = 140353
// pero person.id aún no está definido

Inténtalo tú mismo »

Los símbolos son siempre únicos.

Si crea dos símbolos con la misma descripción, tendrán valores diferentes.

Symbol («id») == Symbol («id») // falso


Valores de parámetros predeterminados

ES6 permite que los parámetros de función tengan valores predeterminados.

Ejemplo

function myFunction (x, y = 10) {

// y es 10 si no pasa o no está definido

return x + y;
}
myFunction (5); // devolverá 15

Inténtalo tú mismo »


Parámetro de descanso de función

El parámetro rest (…) permite que una función trate un número indefinido de argumentos como una matriz:

Ejemplo

función suma (… args) {
sea ​​suma = 0;
para (sea arg de args) suma + = arg;
devolución de suma;
}

sea ​​x = suma (4, 9, 16, 25, 29, 100, 66, 77);

Inténtalo tú mismo »


String.includes ()

los includes() devuelve el método true si una cadena contiene un valor especificado, de lo contrario false:

Ejemplo

let text = «Hola mundo, bienvenido al universo»;
text.includes («world») // Devuelve verdadero

Inténtalo tú mismo »


String.startsWith ()

los startsWith() devuelve el método true
si una cadena comienza con un valor especificado, de lo contrario false:

Ejemplo

let text = «Hola mundo, bienvenido al universo»;

text.startsWith («Hola») // Devuelve verdadero

Inténtalo tú mismo »


String.endsWith ()

los endsWith() devuelve el método true
si una cadena termina con un valor especificado, de lo contrario false:

Ejemplo

var text = «John Doe»;
text.endsWith («Doe») // Devuelve verdadero

Inténtalo tú mismo »


Matriz. De ()

los Array.from() El método devuelve un objeto Array de cualquier objeto con una propiedad de longitud o cualquier objeto iterable.

Ejemplo

Cree una matriz a partir de una cadena:

Array.from («ABCDEFG») // Devuelve [A,B,C,D,E,F,G]

Inténtalo tú mismo »


Array.Keys ()

los Array.keys() El método devuelve un objeto Iterador de matriz con las claves de una matriz.

Ejemplo

Cree un objeto Iterador de matriz, que contenga las claves de la matriz:

frutas constantes = [«Banana», «Orange», «Apple», «Mango»];
claves const = frutas.keys ();

para (sea x de claves) {
texto + = x + «
«;
}

Inténtalo tú mismo »


Array.find ()

los find() El método devuelve el valor del primer elemento de la matriz que pasa una función de prueba.

Este ejemplo encuentra (devuelve el valor de) el primer elemento que es mayor que 18:

Ejemplo

números constantes = [4, 9, 16, 25, 29];
dejar primero = números.find (miFunción);

function myFunction (valor, índice, matriz) {
valor de retorno> 18;
}

Inténtalo tú mismo »

Tenga en cuenta que la función toma 3 argumentos:

  • El valor del artículo
  • El índice de artículos
  • La propia matriz

Array.findIndex ()

los findIndex() El método devuelve el índice del primer elemento de la matriz que pasa una función de prueba.

Este ejemplo encuentra el índice del primer elemento que es mayor que 18:

Ejemplo

números constantes = [4, 9, 16, 25, 29];
dejar primero = números.findIndex (miFunción);

function myFunction (valor, índice, matriz) {
valor de retorno> 18;
}

Inténtalo tú mismo »

Tenga en cuenta que la función toma 3 argumentos:

  • El valor del artículo
  • El índice de artículos
  • La propia matriz

Nuevos métodos matemáticos

ES6 agregó los siguientes métodos al objeto Math:

  • Math.trunc()
  • Math.sign()
  • Math.cbrt()
  • Math.log2()
  • Math.log10()

El método Math.trunc ()

Math.trunc(x) devuelve la parte entera de x:

Ejemplo

Math.trunc (4,9); // devuelve 4
Math.trunc (4,7); // devuelve 4
Math.trunc (4,4); // devuelve 4
Math.trunc (4.2); // devuelve 4
Math.trunc (-4,2); // devuelve -4

Inténtalo tú mismo »


El método Math.sign ()

Math.sign(x) devuelve si x es negativo, nulo o positivo:

Ejemplo

Math.sign (-4); // devuelve -1
Math.sign (0); // devuelve 0
Signo.matemático (4); // devuelve 1

Inténtalo tú mismo »


El método Math.cbrt ()

Math.cbrt(x) devuelve la raíz cúbica de x:

Ejemplo

Math.cbrt (8); // devuelve 2
Math.cbrt (64); // devuelve 4
Math.cbrt (125); // devuelve 5

Inténtalo tú mismo »


El método Math.log2 ()

Math.log2(x) devuelve el logaritmo en base 2 de x:


El método Math.log10 ()

Math.log10(x) devuelve el logaritmo en base 10 de x:


Propiedades de números nuevos

ES6 agregó las siguientes propiedades al objeto Número:

  • EPSILON
  • MIN_SAFE_INTEGER
  • MAX_SAFE_INTEGER

Nuevos métodos numéricos

ES6 agregó 2 nuevos métodos al objeto Número:

  • Number.isInteger()
  • Number.isSafeInteger()

El método Number.isInteger ()

los Number.isInteger() devuelve el método true si el argumento es un número entero.

Ejemplo

Number.isInteger (10); // devuelve verdadero
Number.isInteger (10,5); // devuelve falso

Inténtalo tú mismo »


El método Number.isSafeInteger ()

Un entero seguro es un entero que se puede representar exactamente como un número de doble precisión.

los Number.isSafeInteger() devuelve el método true si el argumento es un entero seguro.

Ejemplo

Number.isSafeInteger (10); // devuelve verdadero
Number.isSafeInteger (12345678901234567890); // devuelve falso

Inténtalo tú mismo »

Los enteros seguros son todos enteros de – (253 – 1) a + (253 – 1).
Esto es seguro: 9007199254740991. Esto no es seguro: 9007199254740992.


Nuevos métodos globales

ES6 agregó 2 nuevos métodos de números globales:


El método isFinite ()

Lo global isFinite() devuelve el método false si el argumento es Infinity o NaN.

De lo contrario, vuelve true:

Ejemplo

isFinite (10/0); // devuelve falso
isFinite (10/1); // devuelve verdadero

Inténtalo tú mismo »


El método isNaN ()

Lo global isNaN() devuelve el método true si el argumento es NaN. De lo contrario, vuelve false:

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Descargas de oracleVM

linux telnet command

Comando telnet de Linux – javatpoint