Home-theater-designers
ES6 se refiere a la versión 6 del lenguaje de programación ECMA Script. ECMA Script es el nombre estandarizado de JavaScript, y la versión 6 es la siguiente versión después de la versión 5, que se lanzó en 2011. Es una mejora importante del lenguaje JavaScript y agrega muchas más funciones destinadas a facilitar el desarrollo de software a gran escala. .
ECMAScript, o ES6, se publicó en junio de 2015. Posteriormente se le cambió el nombre a ECMAScript 2015. La compatibilidad con el navegador web para el idioma completo aún no está completa, aunque se admiten las principales partes. Los principales navegadores web admiten algunas funciones de ES6. Sin embargo, es posible utilizar un software conocido como jugador para convertir el código ES6 en ES5, que es mejor compatible con la mayoría de los navegadores.
Veamos ahora algunos cambios importantes que ES6 trae a JavaScript.
1. Constantes
¡Finalmente, el concepto de constantes ha llegado a JavaScript! Las constantes son valores que se pueden definir solo una vez (por alcance, el alcance se explica a continuación). Una redefinición dentro del mismo ámbito desencadena un error.
|_+_|Puede usar la constante siempre que pueda usar una variable ( dónde ).
|_+_|
2. Variables y funciones con alcance de bloque
¡Bienvenido al siglo XXI, JavaScript! Con ES6, las variables declaradas usando dejar (y las constantes se describen arriba) siguen las reglas de alcance de bloques como en Java, C ++, etc. (Para obtener más información, consulte cómo declarar variables en JavaScript).
Antes de esta actualización, las variables en JavaScript tenían un ámbito de función. Es decir, cuando necesitaba un nuevo alcance para una variable, tenía que declararlo dentro de una función.
Las variables retienen el valor hasta el final del bloque. Después del bloque, se restaura el valor en el bloque exterior (si lo hay).
dispositivo usb desconocido (error en la solicitud del descriptor del dispositivo) windows 10|_+_|
También puede redefinir constantes dentro de dichos bloques.
|_+_|
3. Funciones de flecha
ES6 presenta funciones de flecha a JavaScript. (Son similares a las funciones tradicionales, pero tienen una sintaxis más simple). En el siguiente ejemplo, x es una función que acepta un parámetro llamado a y devuelve su incremento:
|_+_|Con esta sintaxis, puede definir y pasar argumentos en funciones con facilidad.
Usar con un para cada() :
|_+_|Defina funciones que acepten múltiples argumentos encerrándolos entre paréntesis:
|_+_|4. Parámetros de función predeterminados
Los parámetros de función ahora se pueden declarar con valores predeterminados. En el siguiente, x es una función con dos parámetros a y b . El segundo parámetro b se le da un valor predeterminado de 1 .
|_+_|A diferencia de otros lenguajes como C ++ o Python, los parámetros con valores predeterminados pueden aparecer antes que los que no lo tienen. Tenga en cuenta que esta función se define como un bloque con un regreso valor a modo de ilustración.
|_+_|Sin embargo, los argumentos se emparejan de izquierda a derecha. En la primera invocación a continuación, b tiene un indefinido valor a pesar de que a se ha declarado con un valor predeterminado. El argumento pasado se corresponde con a en vez de b . La función regresa Yaya .
|_+_|Cuando pasas explícitamente indefinido como argumento, se utiliza el valor predeterminado si hay uno.
|_+_|5. Parámetros de la función de descanso
Al invocar una función, a veces surge la necesidad de poder pasar un número arbitrario de argumentos y procesar estos argumentos dentro de la función. Esta necesidad es manejada por el parámetros de la función de descanso sintaxis. Proporciona una forma de capturar el resto de los argumentos después de los argumentos definidos utilizando la sintaxis que se muestra a continuación. Estos argumentos adicionales se capturan en una matriz.
|_+_|6. Plantillas de cadenas
La creación de plantillas de cadenas se refiere a la interpolación de variables y expresiones en cadenas utilizando una sintaxis como perl o el shell. Una plantilla de cadena está encerrada en caracteres de tilde invertida ( ` ). Por el contrario, comillas simples ( ' ) o comillas dobles ( ' ) indican cadenas normales. Las expresiones dentro de la plantilla están marcadas entre ${ y } . Aquí hay un ejemplo:
|_+_|Por supuesto, puede utilizar una expresión arbitraria para la evaluación.
|_+_|Esta sintaxis para definir cadenas también se puede utilizar para definir cadenas de varias líneas.
|_+_|7. Propiedades del objeto
ES6 trae una sintaxis de creación de objetos simplificada. Eche un vistazo al siguiente ejemplo:
|_+_|Los nombres de propiedades computados también son bastante ingeniosos. Con ES5 y versiones anteriores, para establecer una propiedad de objeto con un nombre calculado, tenía que hacer esto:
|_+_|Ahora puedes hacerlo todo en una sola definición:
|_+_|Y, por supuesto, para definir métodos, simplemente puede definirlo con el nombre:
|_+_|8. Sintaxis de definición de clase formal
Definición de clase
Y finalmente, JavaScript obtiene una sintaxis de definición de clase formal. Si bien es simplemente azúcar sintáctico sobre las clases basadas en prototipos ya disponibles, sirve para mejorar la claridad del código. Eso significa que esto hace no agregue un nuevo modelo de objeto o algo así como eso.
|_+_|Métodos de declaración
Definir un método también es bastante simple. No hay sorpresas.
|_+_|Getters y Setters
Ahora también tenemos getters y setters, con una simple actualización de la sintaxis. Redefinamos el Circulo clase con un zona propiedad.
|_+_|Agreguemos ahora un setter. Para poder definir radio como una propiedad configurable, debemos redefinir el campo real para _radio o algo que no choca con el colocador. De lo contrario, encontramos un error de desbordamiento de pila.
Aquí está la clase redefinida:
|_+_|Con todo, esta es una buena adición a JavaScript orientado a objetos.
Herencia
Además de definir clases usando el clase palabra clave, también puede utilizar la se extiende palabra clave para heredar de las superclases. Veamos cómo funciona esto con un ejemplo.
|_+_|Y esa fue una breve introducción a algunas de las características de JavaScript ES6.
A continuación: familiarizarse con algunos métodos importantes de matriz de JavaScript ¡y escribiendo una animación de robot sensible a la voz! Además, descubra un excelente marco de interfaz de usuario llamado Vue.
Crédito de la imagen: micrologia / Depositphotos
Cuota Cuota Pío Correo electrónico Canon vs.Nikon: ¿Qué marca de cámara es mejor?Canon y Nikon son los dos nombres más importantes de la industria de las cámaras. Pero, ¿qué marca ofrece la mejor gama de cámaras y lentes?
cómo proteger con contraseña la unidad flashLeer siguiente Temas relacionados
- Programación
- JavaScript
Suscríbete a nuestro boletín
¡Únase a nuestro boletín de noticias para obtener consejos técnicos, reseñas, libros electrónicos gratuitos y ofertas exclusivas!
Haga clic aquí para suscribirse