DEV Community

Lam
Lam

Posted on

Javascript Functions Quick References

#javascript #cheatsheet

JavaScript Functions Cheat Sheet

Function Declaration

Syntax 

function functionName(parameters) {
  // Function body
  return result;
}
Enter fullscreen mode Exit fullscreen mode

Example 

function greet(name) {
  return `Hello, ${name}!`;
}

console.log(greet('World'));
Enter fullscreen mode Exit fullscreen mode

Function Expression

Syntax 

const functionName = function(parameters) {
  // Function body
  return result;
};
Enter fullscreen mode Exit fullscreen mode

Example 

const greet = function(name) {
  return `Hello, ${name}!`;
};

console.log(greet('World'));
Enter fullscreen mode Exit fullscreen mode

Arrow Function

Syntax 

const functionName = (parameters) => {
  // Function body
  return result;
};
Enter fullscreen mode Exit fullscreen mode

Example 

const greet = (name) => `Hello, ${name}!`;

console.log(greet('World'));
Enter fullscreen mode Exit fullscreen mode

Immediately Invoked Function Expression (IIFE)

Syntax 

(function() {
  // Function body
})();
Enter fullscreen mode Exit fullscreen mode

Example 

(function() {
  console.log('IIFE executed');
})();
Enter fullscreen mode Exit fullscreen mode

Function Parameters and Arguments

Example 

function addNumbers(a, b) {
  return a + b;
}

console.log(addNumbers(5, 10)); // Output: 15
Enter fullscreen mode Exit fullscreen mode

More: Javascript Cheat Sheet

Top comments (0)

Read next

sharathchandark profile image

How to Build a QR Code Generator with API Using HTML, CSS, and JavaScript

sharathchandark -

fabbuilder profile image

React + Vite: The ultimate guide to static application deployment

FAB Builder | Code Generation -

rawas_aditya profile image

Understanding the Barrel Pattern in JavaScript/TypeScript

Aditya Rawas -

abhay_yt_52a8e72b213be229 profile image

Unlocking the Power of Web Components and Custom Elements for Reusable UI Design

Abhay Singh Kathayat -