Este es un ejemplo de funciones flecha (arrow function) incluidas en las últimas versiones de Javascript. Su sintaxis es la siguiente:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Arrow Function - Función Flecha</title>
</head>
<body>
<h1>Arrow Function - Función Flecha</h1>
<script>
// EJM DE FUNCIÓN ANÓNIMA EXPRESADA
const saludo = function () {
console.log("Hola Mundo");
};
saludo();
// EJM CON ARROW FUNCTION
const saludo2 = () => console.log("Hola");
saludo2();
const saludo3 = (nombre) => console.log(`Hola ${nombre}`);
saludo3("Francisco");
const saludo4 = (nombre, edad) =>
console.log(`Hola ${nombre} y tengo ${edad} años`);
saludo3("Francisco");
// OTRO EJM FUNCIÓN EXPRESADA NORMAL
const sumar = function (num1, num2) {
return num1 + num2;
};
// ARROW FUNCTION - NO ES NECESARIO UTILIZAR return
const sumar2 = (a, b) => a + b;
console.log(sumar2(3, 4));
console.log(sumar2(3, 10));
</script>
</body>
</html>