Apprendre Arrow Functions | Modern and Advanced Function Patterns

Glissez pour afficher le menu

Arrow functions offer a modern, concise way to write functions in JavaScript. They are especially useful for short, simple tasks, such as working with arrays or creating small utility functions.

The syntax for arrow functions is more compact than traditional function expressions. To define an arrow function, you use the => syntax.

For example, a function that takes a number and returns its double can be written as:

const double = (n) => n * 2;

If a function has only one parameter, you can omit the parentheses:

const double = n => n * 2;

If the function body is a single expression, the result is returned automatically, so the return keyword is not needed.

const add = (a, b) => a + b;


              123456789101112131415
            
// Regular function
function doubleArray1(arr) {
  return arr.map(function (num) {
    return num * 2;
  });
}

// Usage:
console.log(doubleArray1([1, 2, 3])); // [2, 4, 6]

// Arrow function
const doubleArray2 = (arr) => arr.map((num) => num * 2);

// Usage:
console.log(doubleArray2([1, 2, 3])); // [2, 4, 6]

Arrow functions provide a shorter syntax for writing functions;
Parentheses can be omitted when there is only one parameter;
Single-expression functions return values automatically;
Arrow functions are best used for small, simple operations.

Tout était clair ?

Merci pour vos commentaires !

Section 3. Chapitre 2

Demandez à l'IA

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

Section 3. Chapitre 2