Javascript - Advanced Functions

Advanced JavaScript Concepts

This lesson focuses on advanced JavaScript topics including functions, closures, and higher-order functions. Understanding these concepts is key to writing powerful and reusable JavaScript code.

Advanced Functions

Functions in JavaScript are treated as first-class citizens. They can be assigned to variables, passed as arguments, or returned from other functions. This flexibility allows you to build more abstract and dynamic logic.

Example: Higher-Order Functions

A higher-order function is a function that takes another function as an argument or returns one.

function greet(name, formatter) {
  return formatter(name);
}

function upperCaseName(name) {
  return name.toUpperCase();
}

console.log(greet('Jay', upperCaseName)); // Output: JAY

Closures

A closure is created when a function remembers the variables from its lexical scope, even when called outside that scope.

Example: Closure

function outerFunction(outerVariable) {
  return function innerFunction(innerVariable) {
    console.log('Outer Variable:', outerVariable);
    console.log('Inner Variable:', innerVariable);
  }
}

const newFunction = outerFunction('outside');
newFunction('inside');
// Output:
// Outer Variable: outside
// Inner Variable: inside

Higher-Order Functions in Practice

JavaScript provides several built-in higher-order functions that operate on arrays. These functions allow concise and readable data transformation.

Example: Array Methods

const numbers = [1, 2, 3, 4, 5];

// Using map to double each number
const doubled = numbers.map(num => num * 2);
console.log(doubled); // [2, 4, 6, 8, 10]

// Using filter to get even numbers
const evens = numbers.filter(num => num % 2 === 0);
console.log(evens); // [2, 4]

// Using reduce to sum all numbers
const sum = numbers.reduce((total, num) => total + num, 0);
console.log(sum); // 15

These methods improve code readability and encourage a functional programming approach in JavaScript.