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.
Below are some examples of common silent errors, with examples to try:
Example
Example Code
javascriptlet x = 1 / 0;Example
Example Code
javascriptlet 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.
Example
Example Code
javascript// NaN - no error, just wrong data
const result = parseInt("abc");Example
Example Code
javascriptconst 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
javascriptlet result1 = ('5' + '2'); // = 52
let result2 = ('5' - '2'); // = 3String Coercion (+)
If any part of a + operation is a string, JavaScript converts everything to strings:
Example
Example Code
javascriptlet x = "5" + 2 // x = "52"Numeric Coercion
Other arithmetic operators (-, *, /, %) and the unary plus (+x) force values into numbers.
Example
Example Code
javascriptlet x = "5" - 2 // x = 3Loose Equality (==)
This operator performs coercion to find a "common type" before comparing.
Example
Example Code
javascriptlet x = (5 == "5") // x = truePractices 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).
Interactive Code Examples
JS Example 2
javascriptlet result = "Not Active.";
let isActive = false;
// ❌ Assignment, not comparison
if (isActive = true) {
let result = "Active!";
}JS Example 3
javascript// NaN - no error, just wrong data
const result = parseInt("abc");JS Example 4
javascriptconst user = {};
let result = user.name;JS Example 5
javascriptlet result1 = ('5' + '2'); // = 52
let result2 = ('5' - '2'); // = 3Example 6
javascriptlet x = "5" + 2 // x = "52"