The any type and why to avoid it in Typescript - Practice Problems & Coding Challenges

Challenge - 5 Problems

❓ Predict Output

intermediate

What is the output when using 'any' type?

Consider this TypeScript code using the 'any' type. What will be logged to the console?

Typescript

let value: any = 5;
value = "hello";
value = true;
console.log(value);

A undefined

B "hello"

C 5

D true

💡 Hint

The 'any' type allows the variable to hold any value and changes dynamically.

The variable 'value' is first assigned 5, then "hello", then true. The last assigned value is true, so console.log prints true.

🧠 Conceptual

intermediate

Why should you avoid using 'any' in TypeScript?

Which of the following is the main reason to avoid using the 'any' type in TypeScript?

A It disables type checking and can hide bugs.

B It increases the file size of the compiled JavaScript.

C It makes the code run slower.

D It prevents the use of functions.

💡 Hint

Think about what 'any' does to TypeScript's safety features.

Using 'any' disables TypeScript's type checking, which can hide errors and bugs that would otherwise be caught during development.

🔧 Debug

advanced

Identify the problem caused by 'any' in this code

What problem can arise from this TypeScript code using 'any'?

Typescript

function process(input: any) {
  return input.toFixed(2);
}
console.log(process("hello"));

A Returns undefined without error.

B Returns 'hello' formatted to 2 decimals.

C Runtime error because 'toFixed' is not a function on string.

D Compile-time error because 'any' is not allowed.

💡 Hint

What happens if you call a number method on a string?

Since 'input' is 'any', TypeScript does not check the type. At runtime, calling 'toFixed' on a string causes a runtime error.

📝 Syntax

advanced

Which option correctly replaces 'any' with a safer type?

Given this function using 'any', which option correctly replaces 'any' to accept only numbers and avoid errors?

Typescript

function double(input: any) {
  return input * 2;
}

A function double(input: string) { return input * 2; }

B function double(input: number) { return input * 2; }

C function double(input: any[]) { return input * 2; }

D function double(input: unknown) { return input * 2; }

💡 Hint

'unknown' requires type checking before use; 'number' matches the operation.

Using 'number' ensures the input is numeric and safe to multiply. Other types cause errors or require extra checks.

🚀 Application

expert

What is the safest way to handle unknown input instead of 'any'?

You receive data of unknown type. Which approach safely handles it without using 'any' and avoids runtime errors?

A Use 'unknown' type and check type before using the value.

B Use 'any' type and trust the data is correct.

C Use 'never' type to reject all inputs.

D Use 'void' type to ignore the input.

💡 Hint

'unknown' forces you to check the type before use.

'unknown' is safer than 'any' because it requires explicit type checks before using the value, preventing runtime errors.