Arrow Functions in JavaScript

Arrow functions are a shorter, more concise way to write function expressions. Introduced in ES6, they have special behavior with 'this' and are widely used in modern code.

Basic Syntax

Single Parameter and Implicit Return

Multi-line Arrow Functions

Use curly braces and explicit return for multiple statements.

Lexical 'this' Binding

Arrow functions don't have their own 'this' – they inherit from the surrounding scope. This is very useful in callbacks.

When NOT to Use Arrow Functions

• As object methods when you need 'this' to refer to the object (use regular functions).
• When you need 'arguments' object.
• As constructors (no new).

Quick Quiz