Episode 21 of 46
JavaScript Functions
Learn how to create reusable blocks of code with functions.
Functions are reusable blocks of code that perform a specific task. They are one of the most important concepts in JavaScript.
Function Declaration
function greet(name) {
console.log("Hello, " + name + "!");
}
greet("Alice"); // "Hello, Alice!"
greet("Bob"); // "Hello, Bob!"
Parameters and Arguments
function add(a, b) {
return a + b;
}
let result = add(3, 5);
console.log(result); // 8
Return Values
function multiply(a, b) {
return a * b;
// Code after return is never executed
}
let product = multiply(4, 5);
console.log(product); // 20
Function Expression
const square = function(x) {
return x * x;
};
console.log(square(4)); // 16
Arrow Functions (Modern)
// Full arrow function
const greet = (name) => {
return "Hello, " + name;
};
// Short form (single expression)
const double = (x) => x * 2;
const add = (a, b) => a + b;
console.log(double(5)); // 10
console.log(add(3, 4)); // 7
Default Parameters
function greet(name = "World") {
console.log(`Hello, ${name}!`);
}
greet(); // "Hello, World!"
greet("Alice"); // "Hello, Alice!"