ECMAScript 2015 – ES6 (Español)
ECMAScript 6 fue la segunda gran revisión de JavaScript.
ECMAScript 6 también se conoce como ES6 y ECMAScript 2015,
Este capítulo describe las características más importantes de ES6.,5ad79ce91″>
JavaScript let
The let keyword allows you to declare a variable with block scope.,
Ejemplo
// Aquí x es 10
{
vamos a x = 2;
// Aquí x es 2
}
// Aquí x es 10
pruébelo usted Mismo »
Lea más acerca de let en el capítulo: JavaScript Vamos.
JavaScript const
la palabra claveconst le permite declarar una constante (una variable JavaScript con un valor constante).
Las constantes son similares a las variables let, excepto que el valor no se puede cambiar.,
Ejemplo
// Aquí x es 10
{
const x = 2;
// Aquí x es 2
}
// Aquí x es 10
pruébelo usted Mismo »
Lea más acerca de const en el capítulo: JavaScript Const.
Arrow Functions
Arrow functions permite una sintaxis corta para escribir expresiones de función.
no necesita la palabra clave function, la palabra clave return y los corchetes.,
Ejemplo
var x = function(x, y) {
return x * y;
}
// ES6
const x = (x, y) => x * y;
pruébelo usted Mismo »
Flecha funciones no tienen su propio this.No son muy adecuados para definir métodos de objeto.
Las funciones de flecha no están izadas. Deben definirse antes de ser utilizados.
Usando constes más seguro que usar var, porque una expresión de función es siempre un valor constante.,
solo puede omitir la palabra clave return y los corchetes si la función es una sola instrucción. Debido a esto, podría ser un buen hábito mantenerlos siempre:
ejemplo
pruébalo tú mismo »
Más información sobre las funciones de flecha en el capítulo: JavaScript Arrow Function.
El bucle For/Of
la instrucción JavaScript for/of recorre los valores de objetos iterables.,
for/of le permite recorrer en bucle estructuras de datos que son iterables, como matrices, cadenas, mapas, listas de nodos y más.
el bucle for/of tiene la siguiente sintaxis:
//code block to be executed
}
variable – para cada iteración se asigna el valor de la siguiente propiedad a la variable. La Variable puede ser declarada con la etiquetaconst, let o var.
iterable-un objeto que tiene propiedades iterables.,
Looping over an Array
Example
var x;
for (x of cars) {
document.write(x + «<br >»);
}
pruébalo tú mismo »
Looping over a String
Example
var x;
for (x of txt) {
document.write(x + «<br >»);
}
pruébelo usted mismo »
Obtenga más información en el capítulo: bucle JavaScript para/In/Of.,
clases de JavaScript
Las Clases de JavaScript son plantillas para objetos JavaScript.
Use la palabra clave class para crear una clase.
siempre agregue un método llamado constructor():
Syntax
constructor () {… }
}
ejemplo
constructor (nombre, año) {
this.name = name;
this.year = year;
}
}
El ejemplo anterior crea una clase llamada «Car».
la clase tiene dos propiedades iniciales: «name «y»year».,
Una clase JavaScript no es un objeto.
es una plantilla para objetos JavaScript.
usando una clase
Cuando tienes una clase, puedes usar la clase para crear objetos:
ejemplo
let myCar2 = New Car(«Audi», 2019);
pruébalo tú mismo «
Más Información acerca de las clases en el capítulo: clases de JavaScript.
JavaScript Promises
Una promesa es un objeto JavaScript que enlaza «produciendo código» y «consumiendo código».,
» producir código «puede tomar algún tiempo y» consumir código » debe esperar el resultado.
Obtenga más información sobre las promesas en el capítulo: promesas de JavaScript.
El tipo de símbolo
Un Símbolo JavaScript es un tipo de datos primitivo como Number, String o booleano.
representa un identificador único «oculto» al que ningún otro código puede acceder accidentalmente.
for instace, if different coders want to add a person.id propiedad de un objeto persona que pertenece a un código de terceros, podrían mezclar valores entre sí.,
Usando Symbol () para crear identificadores únicos, resuelve este problema:
Los símbolos son siempre únicos.
si crea dos símbolos con la misma descripción, tendrán valores diferentes.
Default Parameter Values
ES6 permite que los parámetros de la función tengan valores predeterminados.
parámetro Rest de la función
el parámetro rest (…) permite a una función tratar un número indefinido de argumentos como una matriz:
ejemplo
let sum = 0;
for (let arg of args) sum + = arg;
return sum;
}
let x = sum(4, 9, 16, 25, 29, 100, 66, 77);
pruébalo tú mismo »
Array.find ()
el método find() devuelve el valor del primer elemento de matriz que pasa una función de prueba.
este ejemplo encuentra (devuelve el valor de ) el primer elemento que es mayor que 18:
tenga en cuenta que la función toma 3 argumentos:
- El valor del elemento
- El índice del elemento
- El array en sí
Array.,findIndex ()
el método findIndex() devuelve el índice del primer elemento de matriz que pasa una función de prueba.,
este ejemplo encuentra el índice del primer elemento que es mayor que 18:
tenga en cuenta que la función toma 3 argumentos:
- El valor del elemento
- El índice del elemento
- La matriz en sí
nuevas propiedades numéricas
ES6 agregó las siguientes propiedades al objeto Number:
EPSILONMIN_SAFE_INTEGERMAX_SAFE_INTEGER
ejemplo
pruébelo usted Mismo »
Ejemplo
pruébalo tú mismo »
ejemplo
pruébelo usted Mismo »
Nuevo Número de Métodos
ES6 añadido 2 nuevos métodos para el Número de objetos:
Number.isInteger()Number.isSafeInteger()
El Número.isInteger() Método
El Number.isInteger() método devuelve true si el argumento es un entero.
Ejemplo
Number.isInteger (10.,5); / / devuelve false
pruébalo tú mismo »
El número.isSafeInteger() Method
un entero seguro es un entero que puede ser representado exactamente como un número de doble precisión.
El Number.isSafeInteger() método devuelve true si el argumento es un seguro entero.
Los enteros seguros son todos los enteros de – (253-1) a +(253 – 1).
esto es Seguro: 9007199254740991. Esto no es seguro: 9007199254740992.,
New Global Methods
ES6 added 2 new global number methods:
isFinite()isNaN()
The isFinite() Method
The global isFinite() method returns false if the argument is Infinity or NaN.,
en caso Contrario devuelve true:
Ejemplo
isFinite(10/1); // devuelve true
pruébelo usted Mismo »
El isNaN() Método
mundial isNaN() método devuelve true si el argumento es NaN. De lo contrario, devuelve false:
Ejemplo
pruébelo usted Mismo »