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

ReferenceError vs. TypeError: What’s the Difference?

When debugging JavaScript, you’ll often encounter ReferenceError and TypeError. While both indicate something went wrong,…

10 hours ago

document.querySelector() vs. getElementById(): Which is Faster?

When selecting DOM elements in JavaScript, two common methods are document.querySelector() and document.getElementById(). But which…

10 hours ago

npm vs. Yarn: Which Package Manager Should You Use in 2025?

When starting a JavaScript project, one of the first decisions you’ll face is: Should I…

3 days ago

Why Learn Software Development? (And Where to Start)

Software development is one of the most valuable skills you can learn. From building websites…

6 days ago

JavaScript Multidimensional Arrays

In JavaScript, arrays are used to store multiple values in a single variable. While JavaScript…

2 weeks ago

What is Containerization

Containerization is a lightweight form of virtualization that packages an application and its dependencies into…

2 weeks ago