Dynamic typing in JavaScript - Time & Space Complexity

Time Complexity: Dynamic typing in JavaScript

O(1)

Understanding Time Complexity

Let's explore how dynamic typing in JavaScript affects the time it takes for code to run.

We want to see how the program's speed changes when it checks and changes variable types while running.

Scenario Under Consideration

Analyze the time complexity of the following code snippet.

function addValues(a, b) {
  if (typeof a === 'string' || typeof b === 'string') {
    return a.toString() + b.toString();
  }
  return a + b;
}

const result = addValues(5, '10');

This code adds two values, converting them to strings if either is a string, showing dynamic typing in action.

Identify Repeating Operations

Identify the loops, recursion, array traversals that repeat.

• Primary operation: Checking types with typeof and converting values.
• How many times: Each check and conversion happens once per function call.

How Execution Grows With Input

Each time the function runs, it does a fixed number of type checks and conversions regardless of input size.

Input Size (n)	Approx. Operations
10	About 3 checks/conversions
100	About 3 checks/conversions
1000	About 3 checks/conversions

Pattern observation: The number of operations stays the same no matter how big the input values are.

Final Time Complexity

Time Complexity: O(1)

This means the time to run the function stays constant no matter what values you give it.

Common Mistake

[X] Wrong: "Dynamic typing makes the function slower as inputs get bigger."

[OK] Correct: The function only checks types and converts once per call, so input size does not affect speed here.

Interview Connect

Understanding how dynamic typing affects code speed helps you explain how JavaScript handles different data types smoothly and efficiently.

Self-Check

"What if the function processed arrays of values instead of single values? How would the time complexity change?"

Practice

1. What does dynamic typing in JavaScript mean?

easy

A. Variables must be declared with a fixed type

B. Variables can hold any type and change types anytime

C. JavaScript does not allow variables

D. Types are checked only at compile time

Solution

1. Step 1: Understand variable typing in JavaScript

   JavaScript variables do not have fixed types and can hold any value type.

2. Step 2: Define dynamic typing

   Dynamic typing means variables can change their type during program execution.

3. Final Answer:

   Variables can hold any type and change types anytime -> Option B

4. Quick Check:

   Dynamic typing = variables change types [OK]

Hint: Remember: JavaScript variables are flexible with types [OK]

Common Mistakes:

• Thinking variables have fixed types like in Java
• Confusing dynamic typing with static typing
• Believing JavaScript checks types before running

2. Which of the following is the correct way to declare a variable that can hold any type in JavaScript?

easy

A. let x = 5;

B. int x = 5;

C. var x: number = 5;

D. const x = 'hello';

Solution

1. Step 1: Identify JavaScript variable declaration syntax

   JavaScript uses let, var, or const without type annotations.

2. Step 2: Check each option

   let x = 5; uses let correctly. int x = 5; uses int which is not valid in JavaScript. var x: number = 5; uses TypeScript syntax. const x = 'hello'; is valid but declares a constant, not a variable that can change.

3. Final Answer:

   let x = 5; -> Option A

4. Quick Check:

   Use let/var/const without types [OK]

Hint: Use let or var without type annotations [OK]

Common Mistakes:

• Using type keywords like int or number in plain JavaScript
• Confusing const with let for variable declaration
• Trying to declare types explicitly in JavaScript

3. What will be the output of this code?

let value = 10;
value = 'hello';
console.log(typeof value);

medium

A. "number"

B. "undefined"

C. "string"

D. TypeError

Solution

1. Step 1: Track variable type changes

   Initially, value is a number 10, then reassigned to string 'hello'.

2. Step 2: Evaluate typeof operator

   typeof value returns the current type, which is "string" after reassignment.

3. Final Answer:

   "string" -> Option C

4. Quick Check:

   typeof after reassignment = "string" [OK]

Hint: typeof shows current type after reassignment [OK]

Common Mistakes:

• Assuming type stays as number after reassignment
• Confusing typeof output with variable value
• Expecting an error when changing types

4. Find the error in this code snippet:

let data = 5;
data = true;
console.log(data.toFixed(2));

medium

A. TypeError because boolean has no toFixed method

B. No error, outputs "5.00"

C. SyntaxError due to reassignment

D. ReferenceError for data variable

Solution

1. Step 1: Understand variable type changes

   Variable data starts as number 5, then changes to boolean true.

2. Step 2: Check method call on boolean

   toFixed is a method for numbers, not booleans, so calling it on a boolean causes a TypeError.

3. Final Answer:

   TypeError because boolean has no toFixed method -> Option A

4. Quick Check:

   Calling number method on boolean causes TypeError [OK]

Hint: Check method compatibility with current variable type [OK]

Common Mistakes:

• Assuming toFixed works on booleans
• Thinking reassignment causes syntax error
• Ignoring runtime errors from wrong method calls

5. You want to write a function that accepts any type of input and returns its type as a string. Which code correctly uses dynamic typing to achieve this?

function getType(input) {
  // Your code here
}

hard

A. return typeof input.toString();

B. return input.type;

C. return input.constructor;

D. return typeof input;

Solution

1. Step 1: Understand typeof operator

   typeof returns the type of any JavaScript value as a string.

2. Step 2: Evaluate each option

   return typeof input; correctly returns the type string. return input.type; tries to access a property that may not exist. return input.constructor; returns a function, not a string. return typeof input.toString(); returns "string" always because toString() returns a string.

3. Final Answer:

   return typeof input; -> Option D

4. Quick Check:

   typeof returns type string for any input [OK]

Hint: Use typeof to get type as string for any value [OK]

Common Mistakes:

• Using .type property which may be undefined
• Returning constructor function instead of string
• Calling toString() then typeof, always returns "string"