31 of 32 lessons

Video Lesson

Lesson Notes

Introduction to Arrow Functions in JavaScript

Arrow functions provide a concise syntax for writing functions and also capture this lexically.

Basic Arrow Function Syntax

// Regular anonymous function
const myFn = function() {
  console.log("Hello world");
};

// Arrow function equivalent
const myArrowFn = () => {
  console.log("Hello world");
};

Even Shorter Syntax

If the function body is a single expression, you can omit the braces and return keyword:

const greet = () => console.log("Hello from Arrow");

Parameters and Implicit Return

With parameters, list them in parentheses before the =>.
For a single expression, the result is returned automatically.

// Two-parameter arrow function with implicit return
const add = (x, y) => x + y;

// Usage
console.log(add(3, 4)); // 7

Key Points

No function keyword required.
Implicit return when omitting braces {}.
Arrow functions do not have their own this (they inherit it lexically).

Use arrow functions for shorter, more readable callbacks and one-off functions.

AI Assistant

Sign In Required

Function Expressions

"this" keyword in arrow functions

Arrow functions

In this lesson, you'll discover the power of arrow functions in JavaScript, learning how to write concise, readable code while effectively capturing `this` lexically. Master the syntax and benefits of arrow functions to enhance your coding efficiency and streamline your function definitions.

2m 30s