Skip to main content
1 de 2
Pablo Lozano
  • 49.9k
  • 8
  • 55
  • 92

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);

Pablo Lozano
  • 49.9k
  • 8
  • 55
  • 92