Web Development - HTML, CSS & JavaScript
This concept leads directly into one of JavaScript's most important advanced topics: Closures. We'll cover closures separately later.
1️⃣9️⃣ Pure Functions
A pure function generally: 1. Produces the same output for the same input. 2. Doesn't modify external state.
function add(a, b) {
return a + b;
}
Every time: add(2, 3) returns: 5. A function that depends on changing external state can behave differently. Understanding pure functions becomes particularly useful when working with modern frontend frameworks.
🧠 Real-World Example
Imagine an online shopping application.
function calculateDiscount(price, discount) {
return price - discount;
}
function calculateTax(price, taxRate) {
return price * taxRate;
}
let price = 2000;
let discountedPrice = calculateDiscount(price, 300);
let tax = calculateTax(discountedPrice, 0.18);
console.log(discountedPrice);
console.log(tax);
Instead of putting everything into one huge block of code, each function handles a specific responsibility.
🧠 Double Tap ❤️ For More
7 · 2.3K ·