Home-theater-designers
JavaScript ES6 trajo cambios emocionantes al mundo del desarrollo web. Las nuevas incorporaciones al lenguaje JavaScript trajeron nuevas posibilidades.
Uno de los cambios más populares fue la incorporación de funciones de flecha en JavaScript. Las funciones de flecha son una nueva forma de escribir expresiones de funciones de JavaScript, lo que le brinda dos formas diferentes de crear funciones en su aplicación.
Las funciones de flecha requieren un poco de ajuste si eres un experto en funciones tradicionales de JavaScript. Echemos un vistazo a qué son, cómo funcionan y cómo le benefician.
¿Qué son las funciones de flecha de JavaScript?
Las funciones de flecha son una nueva forma de escribir expresiones de función que incluido en el lanzamiento de JavaScript ES6 . Son similares a las expresiones de función de JavaScript que ha estado usando, con algunas reglas ligeramente diferentes.
Las funciones de flecha son siempre funciones anónimas, tienen diferentes reglas para
|_+_|
y tienen una sintaxis más simple que las funciones tradicionales.
la restauración del sistema no funciona Windows 7
Estas funciones usan un nuevo token de flecha:
|_+_|
Si alguna vez ha trabajado en Python, estas funciones son muy similares a Expresiones Python Lambda .
La sintaxis de estas funciones es un poco más limpia que las funciones normales. Hay algunas reglas nuevas a tener en cuenta:
- Se elimina la palabra clave de la función
- La palabra clave de retorno es opcional.
- Los tirantes rizados son opcionales
Hay muchos pequeños cambios para repasar, así que comencemos con una comparación básica de expresiones de funciones.
Cómo utilizar las funciones de flecha
Las funciones de flecha son fáciles de usar. Comprender las funciones de flecha es más fácil cuando se comparan en paralelo con las expresiones de funciones tradicionales.
Aquí hay una expresión de función que suma dos números; primero usando el método de función tradicional:
|_+_|Es una función bastante simple que toma dos argumentos y devuelve la suma.
Aquí está la expresión cambiada a una función de flecha:
|_+_|La sintaxis de la función es bastante diferente usando una función de flecha. Se elimina la palabra clave de función; el token de flecha le permite a JavaScript saber que está escribiendo una función.
Las llaves y la palabra clave return siguen ahí. Estos son opcionales con funciones de flecha. Aquí hay un ejemplo aún más simple de la misma función:
|_+_|La palabra clave return y las llaves se han ido. Lo que queda es una función de una línea muy limpia que es casi la mitad del código que la función original. Obtiene el mismo resultado con mucho menos código escrito.
Hay más en las funciones de flecha. profundicemos para que tenga una mejor idea de lo que pueden hacer.
Características de la función de flecha
Las funciones de flecha tienen muchos usos y características diferentes incluidos.
cuánto reemplazar la batería del mac
Funciones regulares
Las funciones de flecha pueden usar uno o más argumentos. Si está utilizando dos o más argumentos, debe encerrarlos entre paréntesis. Si solo tiene un argumento, no necesita usar paréntesis.
|_+_|Las funciones de flecha se pueden utilizar sin argumentos. Si no está usando ningún argumento en su función, debe usar paréntesis vacíos.
|_+_|Las funciones simples como estas usan mucho menos código. Imagínese lo fácil que es un complejo proyecto como una presentación de diapositivas de JavaScript se convierte en cuando tienes una forma más sencilla de escribir funciones.
Usando esto
El concepto de
|_+_|tiende a ser la parte más complicada del uso de JavaScript. Las funciones de flecha hacen
|_+_|más fácil de usar.
Cuando usas funciones de flecha
|_+_|será definido por la función adjunta. Esto puede crear problemas que surgen cuando crea funciones anidadas y necesita
|_+_|para aplicar a su función principal
Aquí hay un ejemplo popular que muestra la solución alternativa que debe utilizar con las funciones habituales.
|_+_|Asignar el valor de
|_+_|a una variable lo hace legible cuando llama a una función dentro de su función principal. Esto es complicado, aquí hay una mejor manera de hacerlo usando las funciones de flecha.
|_+_|Si bien son excelentes para funciones, no deben usarse para crear métodos dentro de un objeto. Las funciones de flecha no utilizan el alcance correcto para
|_+_|.
Aquí hay un objeto simple que crea un método en su interior usando una función de flecha. El método debe reducir la coberturas variable por uno cuando se llama. En cambio, no funciona en absoluto.
descargar la aplicación de llamadas gratis para android|_+_|
Trabajar con matrices
Con las funciones de flecha, puede simplificar el código utilizado para trabajar con métodos de matriz. Matrices y Los métodos de matriz son partes muy importantes de JavaScript. así que los usarás mucho.
Hay algunos métodos útiles como el mapa método que ejecuta una función en todos los elementos de una matriz y devuelve la nueva matriz.
|_+_|Esta es una función bastante simple que agrega uno a cada valor en la matriz. Puede escribir la misma función con menos código usando una función de flecha.
|_+_|Ahora es mucho más fácil de leer.
Creación de literales de objeto
Las funciones de flecha se pueden utilizar para crear objetos literales en JavaScript. Las funciones regulares pueden crearlos, pero son un poco más largos.
|_+_|Puede hacer el mismo objeto con una función de flecha usando menos código. Con la notación de flechas, deberá envolver el cuerpo de la función entre paréntesis. Aquí está la sintaxis mejorada con funciones de flecha.
|_+_|Funciones de flecha de JavaScript y más
Ahora conoce algunas formas diferentes en que las funciones de flecha de JavaScript le facilitan la vida como desarrollador. Acortan la sintaxis, le dan más control usando
|_+_|, facilita la creación de objetos y ofrece una nueva forma de trabajar con métodos de matriz.
La introducción de funciones de flecha, junto con muchas otras características, en JavaScript ES6 muestra cuán importante se ha vuelto JavaScript en el desarrollo web. Sin embargo, hay mucho más que puedes hacer.
¿Quiere aprender más sobre JavaScript? Conozca estos marcos de JavaScript. Además, nuestro Hoja de referencia de JavaScript proporciona información valiosa y aprende más sobre cómo funciona JavaScript puede convertirte en un mejor desarrollador.
Cuota Cuota Pío Correo electrónico 6 alternativas audibles: las mejores aplicaciones de audiolibros gratuitas o económicasSi no te apetece pagar por audiolibros, aquí tienes algunas aplicaciones geniales que te permiten escucharlos gratis y legalmente.
Leer siguiente Temas relacionados- Programación
- JavaScript
Anthony Grant es un escritor independiente que cubre programación y software. Se especializa en Ciencias de la Computación y se dedica a la programación, Excel, software y tecnología.
Más de Anthony GrantSuscrí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