Void type for functions in Typescript - Step-by-Step Execution

Concept Flow - Void type for functions

Function declared with void return type

↓

Function called

↓

Function runs code inside

↓

No value returned

↓

Execution continues without return value

This flow shows how a function with void return type runs code but does not return any value.

Execution Sample

Typescript

function greet(): void {
  console.log("Hello!");
}
greet();

This code defines a function that prints a message and returns nothing (void).

Execution Table

Step	Action	Evaluation	Result
1	Function greet declared with void return type	No return value expected	Function ready to be called
2	greet() called	Function starts running	Inside greet function
3	console.log("Hello!") executed	Prints message	Output: Hello!
4	Function ends without return	No value returned	Return value is void (undefined)
5	Execution continues after greet()	No value to use	Program continues normally

💡 Function ends without returning a value because its return type is void

Variable Tracker

Variable	Start	After greet() call	Final
greet	function declared	function running	function ended (void return)

Key Moments - 2 Insights

Why does the function not return any value even though it runs code?

Because the function's return type is void, it means it does not return any value. The execution_table row 4 shows the function ends without returning.

Can we assign the result of a void function to a variable?

No, because the function returns void (undefined), assigning its result to a variable will give undefined. See execution_table row 4 and 5.

Visual Quiz - 3 Questions

Look at the execution_table at step 3, what is printed to the console?

A "Hello!"

B undefined

C void

D No output

💡 Hint

Check the 'Result' column at step 3 in execution_table.

At which step does the function end without returning a value?

A Step 2

B Step 4

C Step 3

D Step 5

💡 Hint

Look for the step mentioning 'Function ends without return' in execution_table.

If we tried to assign greet() to a variable, what would the variable hold?

A The string "Hello!"

B void (no value)

C undefined

D An error

💡 Hint

Refer to variable_tracker and execution_table step 4 about return value.

Concept Snapshot

Void type for functions in TypeScript:
- Declared as function name(): void
- Means function returns no value
- Function can run code but no return statement needed
- Calling such function returns undefined
- Useful for functions that only cause side effects

Full Transcript

This visual execution trace shows how a TypeScript function with void return type works. The function greet is declared with void, meaning it does not return any value. When greet() is called, it runs the code inside, printing "Hello!" to the console. The function ends without returning anything, so its return value is void (undefined). Execution continues normally after the function call. Variables track the function state from declaration to end. Common confusions include why no value is returned and what happens if you assign the function call result to a variable. The quizzes test understanding of output, function end step, and return value assignment.