Explicación con ejemplos:
El valor por defecto de una variable o atributo es undefined
. En navegadores antiguos este valor estaba establacido como un atributo de la clase Window, y podía ser redefinido. Eso podía dar muchos problemas y por ello en mucha literatura antigua recomendaban nunca hacer una comparación directa. Hoy día los navegadores no permiten redefinirlo y una comparación directa funciona siempre:
var hola;
console.log(hola)
//comparación directa
if (hola===undefined) {
console.log('Hola no tiene valor definido');
}
if (typeof hola === 'undefined') {
console.log('Hola sigue sin valor definido');
}
if (undefined==null) {
console.log('Cuidado al compararlo con null, == no los distingue')
}
if (!(undefined === null)) {
console.log('En cambio === los distingue');
}
El valor null
es útil cuando quieres expresamente distinguir entre "valor no definido" y "sin valor":
var resultado;
function test() {
if (resultado === undefined) {
console.log('No se ha definido aún');
} else if (resultado===null) {
console.log('se ha definido como null');
}
}
setTimeout(()=> resultado=null)
test();
setTimeout(()=> test());
También sirve para detectar atributos no definidos:
var objeto= {
a: 1
}
console.log(objeto.a);
console.log(objeto.b);