Чем они отличаются между собой?

Если коротко: == сравнивает значения, но перед этим приводит операнды к одному типу, а === проверяет и тип, и значение без преобразований. Именно поэтому === считается безопасным и предпочтительным в коде — вы явно контролируете, какие типы сравниваете.

Разберём на примере. В JavaScript:

console.log(5 == '5');   // true, потому что строка '5' преобразуется в число 5
console.log(5 === '5');  // false, разные типы (number vs string)

При использовании == срабатывает алгоритм Abstract Equality Comparison. Если типы операндов разные, движок пытается привести один из них к типу другого по правилам:

• Если один из операндов — строка, а другой — число, строка приводится к числу.
• Если один — boolean, он преобразуется в число (true → 1, false → 0).
• Если один — объект, а другой — примитив, объект приводится к примитиву через ToPrimitive (вызов valueOf / toString).
• Особый случай: null == undefined → true, а null === undefined → false.

Из-за этих преобразований == порождает неочевидные результаты:

console.log([] == false); // true: [] -> '' -> 0, false -> 0
console.log([1] == true); // true: [1] -> '1' -> 1, true -> 1
console.log('' == 0);     // true

Такое поведение часто приводит к багам, особенно у новичков. Поэтому в продакшне почти всегда используют === (строгое равенство). Исключения — редкие случаи, когда намеренно хотят воспользоваться приведением типов (например, сравнение с null/undefined сразу: value == null эквивалентно value === null || value === undefined). Но и это лучше делать явно.

Ещё есть Object.is, который ведёт себя как ===, но корректно обрабатывает NaN и +0/-0:

console.log(NaN === NaN);    // false
console.log(Object.is(NaN, NaN)); // true
console.log(+0 === -0);     // true
console.log(Object.is(+0, -0)); // false

Итог: Для новичка правило простое — всегда используйте ===, если нет веской причины делать иначе. Это сделает код предсказуемее и проще для отладки.