Thread by @hey_mujeebahmed

JavaScript Arrow Functions 🔥

Explained🧵👇🏻

✦ Today, we're going to learn Arrow Functions in JavaScript.

✦ Arrow Functions are a concise way to write functions, introduced in ES6.

✦ They offer shorter syntax and lexically bind the 'this' value.

✦ Let's dive in!

✦ Basic Syntax:

➩ An Arrow Function is defined using the '=>' syntax.

➩ It's typically assigned to a variable.

✦ Here's an example with an Arrow Function :

✦ And here's the equivalent using a regular function:

✦ Simplifying further:

➩ If the function body has only one statement, the curly braces can be omitted.

➩ The statement is implicitly returned.

✦ Example with Arrow Function:

✦ And here's the equivalent using a regular function:

✦ Single parameter:

➩ When the function has only one parameter, parentheses around the parameter can be omitted.

✦ Example with Arrow Function:

✦ Equivalent using a regular function:

✦ Multiple parameters:

➩ For functions with multiple parameters, parentheses are required.

✦ Example with Arrow Function:

✦ Equivalent using a regular function:

✦ Returning a value:

➩ Arrow Functions can return a value using the 'return' keyword.

✦ Example with Arrow Function:

✦ Equivalent using a regular function:

✦ Lexical 'this' binding:

➩ Arrow Functions have lexical 'this' binding, which means they inherit the 'this' value from the surrounding scope.

✦ Example with Arrow Function:

✦ Equivalent using a regular function:

That's a wrap!

If you enjoyed this thread:

1. Follow me @mujeeb0147 for more of these
2. RT the tweet below to share this thread with your audience