lesson1Title

lesson2Title

lesson3Title

lesson4Title

lesson5Title

lesson6Title

lesson7Title

lesson8Title

lesson9Title

lesson10Title

lesson11Title

lesson12Title

lesson13Title

lesson14Title

lesson15Title

lesson16Title

webIntroJsChapter2Title

webIntroJsChapter1Title

webIntroJsChapter3Title

lesson17Title

webIntroJsChapter4Title

// Arrow function to return the larger value between x and y
const getMax = (x, y) => {
  if (x > y) {
    return x;
  } else {
    return y;
  }
};

const max = getMax(3, 10); // Calling getMax function
console.log('max:', max); // max: 10

# Arrow Functions

Arrow functions allow you to write functions more concisely.

Arrow functions are created using the arrow (`=>`) symbol instead of the `function` keyword.

 

```javascript title="Basic Structure of Arrow Functions"
const functionName = (parameter1, parameter2) => {
 // function body
};
```

 

```javascript title="Example of an Arrow Function"
const add = (a, b) => a + b;

console.log(add(1, 2)); // Outputs 3
```

 

Using arrow functions can make your code simpler compared to traditional function expressions.

```javascript title="Comparison of Traditional and Arrow Functions"
// Traditional function
const sayHello = function (name) {
 return 'Hello, ' + name + '!';
};

// Arrow function
const sayHello = (name) => 'Hello, ' + name + '!';
```

 

## Examples of Arrow Functions

Here are some examples of how you can use arrow functions.

 

### When There Are No Parameters

You can use empty parentheses to indicate no parameters.

```javascript title="Arrow Function with No Parameters"
const greet = () => 'Hello!';
```

 

### When There Is One Parameter

Parentheses can be omitted when there is a single parameter.

```javascript title="Arrow Function with One Parameter"
const double = x => x * 2;
```

 

### When There Are Two or More Parameters

List parameters separated by commas.

```javascript title="Arrow Function with 2 or More Parameters"
const add = (a, b) => a + b;
```

Arrow functions use `=>` instead of the `function` keyword to define a function. This results in more concise code and improved readability.

### Which of the following is the most appropriate to fill in the blank?