lesson1Title

lesson2Title

lesson3Title

lesson4Title

lesson5Title

lesson6Title

lesson7Title

lesson8Title

lesson9Title

lesson10Title

lesson11Title

lesson12Title

lesson13Title

lesson14Title

lesson15Title

lesson16Title

webIntroJsChapter2Title

webIntroJsChapter1Title

webIntroJsChapter3Title

lesson17Title

webIntroJsChapter4Title

// Arrow function that returns the larger of a and b
const getMax = (a, b) => {
  if (a > b) {
    return a;
  } else {
    return b;
  }
};

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

# Arrow Functions

Arrow functions allow you to represent functions more concisely.

Instead of using the `function` keyword, arrow functions use the arrow symbol (`=>`) to define functions.

 

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

 

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

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

 

## Advantages of Arrow Functions

- You can write your code more concisely compared to traditional functions.

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

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

 

## Examples of Arrow Functions

**Without Parameters**: You can omit the parentheses if there are no parameters.

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

 

**With One Parameter**: You can omit the parentheses.

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

 

**With Two or More Parameters**: You must use the parentheses.

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

 

**With Multiple Lines of Code in the Function Body**: Use curly braces (`{ }`) and explicitly state the `return` keyword if you need to return a value.

```javascript title="Arrow Function with Multiple Lines of Code"
const getMax = (a, b) => {
 if (a > b) {
 return a;
 } else {
 return b;
 }
};
```

Arrow functions use `=>` instead of the `function` keyword to define functions. This makes the code more concise and improves readability.

### Let's learn about the basic structure of arrow functions.