Returning Values

Sending Data Back

In the previous lesson, we saw how functions take input through parameters. But a program where functions can only receive data and print to the console is very limited. To build complex software, functions must be able to compute a result and give it back to whoever called them.

In JavaScript, you do this using the return statement. The return statement ends function execution immediately and specifies the exact value to be returned to the function caller. This allows you to capture the result in a variable and use it later in your code.

function square(x) {
  return x * x;
}
let result = square(4);
console.log(result);

16

Visualizing the Return

Watch the tracer step through the function line-by-line, calculate the value, hit the return statement, and pass the data back out to the main execution flow:

function multiply(a, b) {
  let result = a * b;
  return result;
}

let value = multiply(3, 4);
console.log(value);

12

The Immediate Stop

A crucial behavior of the return statement is that it acts as an immediate exit hatch for the function. When JavaScript executes a return statement, it immediately stops executing any further code in that function body. It completely ignores anything that comes after it in the same code block.

function earlyReturn() {
  return 'done';
  console.log('This will never run');
}
console.log(earlyReturn());

done

This behavior is incredibly useful for a pattern known as “early return”, which allows you to check for invalid conditions at the top of your function and exit before running the main logic.

function checkPositive(n) {
  if (n <= 0) {
    return 'Not positive';
  }
  return 'Positive number!';
}
console.log(checkPositive(-2));
console.log(checkPositive(5));

Not positive
Positive number!

Implicit Undefined Returns

One of the most common beginner questions in JavaScript is: “Why does my function return undefined?”

The answer is simple: If a return statement has no expression, or if a function simply reaches the end of its closing brace {} without ever hitting a return statement at all, JavaScript automatically returns the special value undefined. It does not return null, nor does it throw an error. It just returns undefined.

function emptyReturn() {
  return;
}
console.log(emptyReturn());

undefined

Let’s see what happens when we omit the return keyword altogether:

function noReturn() {
  let x = 5;
}
console.log(noReturn());

undefined

The Return Machine

Here is a visual representation of how return passes data back out to the global scope:

Syntax and Strictness

The return statement can only be used within function bodies. Trying to use return in the global scope of a script will result in a hard crash (SyntaxError).

Finally, be very careful with line breaks. Because of JavaScript’s Automatic Semicolon Insertion (ASI), placing a newline directly after the return keyword will cause JavaScript to insert an invisible semicolon right after return, making it evaluate to undefined and ignoring the expression on the next line.

function testASI() {
  return
  'hello';
}
console.log(testASI());

undefined