javascript

Arrow Functions

Arrow functions, also called “fat arrows” were introduced with ES6 as a new syntax for writing Javascript functions.

By utilising a token (=>) that looks like a fat arrow, they are a more concise and elegant way of writing function expressions.

Basic Syntax

//ES5 Way
function myFunc() {
//statements here ...
}

//ES6 Way
myFunc = () => {
//statements here ...
}

Parentheses in ES6 functions are optional when only one parameter is passed.

myFunc = val => {
return val += 1;
}
alert(myFunc(2)); //3

But if no parameters are passed to the function, then parentheses are required.

Recent Posts

Why parseInt(’09’) Returns 0

If you've ever encountered the puzzling behavior of parseInt('09') returning 0 in JavaScript, you're not…

2 days ago

Event Bubbling and Capturing: Why Your Click Listener Fires Twice (And How to Fix It)

If you’ve ever built an interactive web application, you may have encountered a puzzling issue:…

1 week ago

Practical Array Methods for Everyday Coding

Arrays are the backbone of programming, used in nearly every application. Whether you're manipulating data,…

2 weeks ago

What the Heck Is the Event Loop? (Explained With Pizza Shop Analogies)

If you've ever tried to learn JavaScript, you’ve probably heard about the "Event Loop"—that mysterious,…

2 weeks ago

Why [] === [] Returns false in JavaScript (And How to Properly Compare Arrays & Objects)

JavaScript can sometimes behave in unexpected ways, especially when comparing arrays and objects. If you've…

2 weeks ago

Recursion for Beginners

Recursion is a programming technique where a function calls itself to solve smaller instances of…

2 weeks ago