Learn how to use arrow functions with or without parameters in JavaScript.
Bikash Jaiswal
Get exclusive content, early access to new articles, and insights on software development, system design, and entrepreneurship delivered to your inbox.
In JavaScript, arrow functions provide a concise syntax for writing functions. They can also take parameters, allowing you to create more flexible and expressive code.
The basic syntax of an arrow function looks like this:
() => expression
param => expression
(param) => expression
(param1, paramN) => expression
() => {
statements
}
param => {
statements
}
(param1, paramN) => {
statements
}
We Should store the arrow function expression inside a variable or constant or use it as a callback function
let myFunction = (a, b) => {
//function body
}
button.addEventListener('click', () => {
console.log('hello world');
});
When we have single parametes, we can exclude the parantheses from the defination:
const myFunction = p => {
console.log(p)
return P * P
}
if we remove console printing, the above function will only contains a single expression. In such scenario the braces not required.
const cube = p => p * p * p
const t = [1, 2, 3]
const tSquared = t.map(p => p * p)
// tSquared is now [1, 4, 9]
this, arguments, or super.this context might not be as expected.constructors:new keyword to create instances.TypeError.new.target keyword, which is often used within constructors.yield and are not generator functions:yield keyword in their body.yield mechanism.