Open Playground
JS TutorialLesson #113

JavaScript Silent Errors

JavaScript can fail siently.

JavaScript can fail siently.

A silent error will not stop your program. The execution will continue.

The reason for silent errors is historical:

The first version of JavaScript did not have catch...try exceptions.

Silent errors are issues that do not throw exceptions or stop execution, > but still cause logic bugs, unexpected behavior, or failures that are easy to miss.

Below are some examples of common silent errors, with examples to try:

Example

Example Code

javascript
Try it Yourself
let x = 1 / 0;

Example

Example Code

javascript
Try it Yourself
let result = "Not Active.";

let isActive = false;

// ❌ Assignment, not comparison

if (isActive = true) {

  let result = "Active!";

}

Explanation

When execution reaches the if statement, you might expect that the conditional block will not be executed because isActive is false.

But, the code (isActive = true) in the evaluation will set isActive to true instead of checking equality with (isActive == true).

This (true) is also the value of the if condition, so the block will be executed.

The above mistake is not an error that JavaScript could have detected (it may have been intended). > It is a mistake of the programmer.

Example

Example Code

javascript
Try it Yourself
// NaN - no error, just wrong data

const result = parseInt("abc");

Example

Example Code

javascript
Try it Yourself
const user = {};

let result = user.name;

Type Coercion

Type coercion is the automatic (implicit) conversion of values from one data type to another.

Because JavaScript is weakly typed, it doesn't throw errors when types don't match; it just tries to coerce them.

JavaScript coerces types differently per operator, so type coercion can hide bugs.

Example

Example Code

javascript
Try it Yourself
let result1 = ('5' + '2'); // = 52

let result2 = ('5' - '2'); // = 3

String Coercion (+)

If any part of a + operation is a string, JavaScript converts everything to strings:

Example

Example Code

javascript
Try it Yourself
let x = "5" + 2 // x = "52"

Numeric Coercion

Other arithmetic operators (-, *, /, %) and the unary plus (+x) force values into numbers.

Example

Example Code

javascript
Try it Yourself
let x = "5" - 2 // x = 3

Loose Equality (==)

This operator performs coercion to find a "common type" before comparing.

Example

Example Code

javascript
Try it Yourself
let x = (5 == "5") // x = true

Practices to Avoid Bugs

Use === (Strict Equality) This checks both value and type without coercion, preventing weird results.

Be Explicit Instead of relying on automatic behavior, use MDN's recommended conversion methods like Number() or String() to make your intent clear.

Watch for NaN If a string cannot be converted to a valid number, like "abc" - 1), the result is NaN (Not-a-Number).


See Also: > JavaScript Errors > JavaScript Error Statements > JavaScript Error Object > JavaScript Debugging

Interactive Code Examples

JS Example 1

javascript
Try it Yourself
JavaScript syntax and algorithm demonstration.
let x = 1 / 0;

JS Example 2

javascript
Try it Yourself
JavaScript syntax and algorithm demonstration.
let result = "Not Active.";

let isActive = false;



// ❌ Assignment, not comparison

if (isActive = true) {

  let result = "Active!";

}

JS Example 3

javascript
Try it Yourself
JavaScript syntax and algorithm demonstration.
// NaN - no error, just wrong data

const result = parseInt("abc");

JS Example 4

javascript
Try it Yourself
JavaScript syntax and algorithm demonstration.
const user = {};

let result = user.name;

JS Example 5

javascript
Try it Yourself
JavaScript syntax and algorithm demonstration.
let result1 = ('5' + '2'); // = 52

let result2 = ('5' - '2'); // = 3

Example 6

javascript
Try it Yourself
JavaScript syntax and algorithm demonstration.
let x = "5" + 2 // x = "52"