Functions

Learn how to create reusable, organized, and efficient blocks of code with functions — one of the most powerful features in JavaScript.

Learn Python, JavaScript, Java and more with free interactive lessons, real projects and AI-powered help. Beginner-friendly.

Part of the free JavaScript course at LearnCodingFast — hands-on lessons with examples you run in your browser, plus practice exercises and a quick quiz.

💡 Running Code Locally: While this online editor runs real JavaScript, some advanced examples may have limitations. For the best experience:

🏭 Real-World Analogy: Functions are like machines in a factory :

A function is a reusable block of code that performs a specific task.

Instead of writing the same code multiple times, you can write it once, give it a name, and then call it whenever you need it.

You can then call the function by writing its name followed by parentheses () :

The code inside the function runs only when you call it.

Parameters are like "placeholders" that let you pass values into your function.

💡 Think of parameters as inputs and the function as a machine that uses those inputs to produce something.

Sometimes you don't just want to print something — you want to return a result you can use elsewhere in your program.

The keyword return sends a value back to the part of the code that called the function.

💡 A function can only return one value — but that value can be anything: a number, string, object, or even another function.

Arrow functions are a shorter syntax introduced in ES6 (modern JavaScript).

If your function has only one line and returns something, you can make it even shorter:

💡 No return or needed in one-line arrow functions — it returns automatically!

You can give parameters default values that are used if the caller doesn't provide one.

💡 This makes your code safer — it prevents errors if someone forgets to pass an argument.

Variables created inside a function are only available inside that function. This is called local scope .

💡 Use local variables inside functions to avoid conflicts with other parts of your program.

You can use one function inside another — this is called function composition .

This helps break down complex logic into smaller, reusable pieces.

🧩 Modular logic: The same function can calculate discounts for any product, just by changing the parameters.

Functions are the building blocks of all modern apps and websites.

You can also store functions inside variables.

💡 Both work the same, but arrow functions and function expressions are better for modern coding.

A function can return numbers, strings, arrays, objects, or even other functions!

💡 This is called a closure — a powerful concept you'll learn later in advanced lessons.

Return instead of printing if you need to use the result somewhere else.

Keep variables local whenever possible to prevent conflicts.

❌ Overusing global variables — causes hard-to-track bugs.

Create these functions to test your understanding:

1️⃣ A function that converts Celsius to Fahrenheit

2️⃣ A function that checks if a number is even

3️⃣ An arrow function that finds the maximum of two numbers

4️⃣ A function with default parameters that creates a greeting message

If variables are the nouns of programming, functions are the verbs — they do things.

Mastering functions gives you the power to automate and create truly dynamic apps!

(Experiment with creating your own functions and try combining them to build mini tools!)

You can now write reusable code with parameters, return values, arrow functions, and default arguments.

Up next: DOM Manipulation — use JavaScript to modify HTML and bring your webpages to life! 🎨

Practice quiz

• Browse all free courses
• Cheat sheets & quizzes
• Coding dictionary