JavaScript: undefined! == undefined?

Question

NOTA: según ECMAScript5.1, section 15.1.1.3, window.undefined es de solo lectura.

• navegadores modernos implementan esto correctamente. por ejemplo: Safari 5.1, Firefox 7, Chrome 20, etc.
• Indefinido sigue siendo modificable en: Chrome 14, ...

Cuando recientemente integré Facebook Connect con Tersus, que inicialmente recibieron el los mensajes de error Invalid Enumeration Value y Handler already exists al intentar llamar a las funciones de la API de Facebook.

Resultó que la causa del problema era

object.x === undefined 

regresando falso cuando no hay ninguna propiedad 'x' en 'objeto'.

trabajé en torno al problema mediante la sustitución de igualdad estricta con la igualdad regular en dos funciones de Facebook:

FB.Sys.isUndefined = function(o) { return o == undefined;}; 
FB.Sys.containsKey = function(d, key) { return d[key] != undefined;}; 

Esto hizo que las cosas funcionan para mí, pero parece hacer alusión a algún tipo de colisión entre código y JavaScript de Facebook de mi propio.

¿Qué podría causar esto?

Sugerencia: Está bien documentado que undefined == null mientras que undefined !== null. Este no es el problema aquí. La pregunta es cómo se obtiene undefined !== undefined.

Answer 1

Resulta que se puede establecer window.undefined a lo que usted quiere, y así obtener object.x !== undefined cuando object.x es la verdadera indefinido. En mi caso, inadvertidamente establecí indefinido a nulo.

La forma más fácil de ver que esto suceda es:

window.undefined = null; 
alert(window.xyzw === undefined); // shows false 

Por supuesto, esto no es probable que suceda. En mi caso, el error fue un poco más sutil, y fue equivalente a la siguiente situación.

var n = window.someName; // someName expected to be set but is actually undefined 
window[n]=null; // I thought I was clearing the old value but was actually changing window.undefined to null 
alert(window.xyzw === undefined); // shows false 

Answer 2

El problema es que undefined en comparación con null con == da como verdadero. Por tanto, el cheque común para indefinida se hace así:

typeof x == "undefined" 

Esto asegura que el tipo de la variable es muy indefinido.

Answer 3

A). Nunca he tenido y nunca confiaré en ninguna herramienta que pretenda producir código sin la codificación del usuario, que se duplica cuando es una herramienta gráfica.

B). Nunca he tenido ningún problema con Facebook Connect. Todo sigue siendo un código JavaScript simple que se ejecuta en un navegador y undefined===undefined esté donde esté.

En resumen, debe proporcionar evidencia de que su object.x realmente no estaba definido y no es nulo o no, porque creo que es imposible que lo que está describiendo realmente sea el caso, sin ofender :) - Pondría dinero en el problema existente en el código de Tersus.

Answer 4

Es una mala práctica usar el operador de igualdad == en lugar de ===.

undefined === undefined // true 
null == undefined // true 
null === undefined // false 

El object.x === undefined debería devolver true si x es propiedad desconocida.

En el capítulo Bad Parts of JavaScript: The Good Parts, Crockford escribe lo siguiente:

If you attempt to extract a value from an object, and if the object does not have a member with that name, it returns the undefined value instead.

In addition to undefined, JavaScript has a similar value called null. They are so similar that == thinks they are equal. That confuses some programmers into thinking that they are interchangeable, leading to code like

value = myObject[name]; 
if (value == null) { 
    alert(name + ' not found.'); 
} 

It is comparing the wrong value with the wrong operator. This code works because it contains two errors that cancel each other out. That is a crazy way to program. It is better written like this:

value = myObject[name]; 
if (value === undefined) { 
    alert(name + ' not found.'); 
} 

Answer 5

me gustaría publicar alguna información importante acerca de undefined, que los principiantes no conozcan.

Mira el siguiente código:

/* 
    * Consider there is no code above. 
    * The browser runs these lines only. 
    */ 

    // var a; 
    // --- commented out to point that we've forgotten to declare `a` variable 

    if (a === undefined) { 
     alert('Not defined'); 
    } else { 
     alert('Defined: ' + a); 
    } 

    alert('Doing important job below'); 

Si ejecuta este código, en donde la variable a nunca ha sido declarado usando var, obtendrá un error de excepción y sorprendentemente ver ninguna alerta en absoluto.

En lugar de 'Hacer un trabajo importante a continuación', su script se TERMINARÁ INESPERADAMENTE, lanzando una excepción no controlada en la primera línea.

---

Aquí es el único modo a prueba de balas para comprobar si hay undefined usando typeof palabra clave, que fue diseñado sólo para tal fin:

/* 
    * Correct and safe way of checking for `undefined`: 
    */ 

    if (typeof a === 'undefined') { 
     alert(
      'The variable is not declared in this scope, \n' + 
      'or you are pointing to unexisting property, \n' + 
      'or no value has been set yet to the variable, \n' + 
      'or the value set was `undefined`. \n' + 
      '(two last cases are equivalent, don\'t worry if it blows out your mind.' 
      ); 
    } 

    /* 
    * Use `typeof` for checking things like that 
    */ 

Este método funciona en todos los casos posibles.

El último argumento de utilizarlo es que undefined puede ser potencialmente sobreescriben en versiones anteriores de Javascript:

 /* @ Trollface @ */ 
     undefined = 2; 
    /* Happy debuging! */ 

esperanza era lo suficientemente clara.

Answer 6

var a; 

typeof a === 'undefined'; // true 
a === undefined; // true 
typeof a === typeof undefined; // true 
typeof a === typeof sdfuwehflj; // true 

Answer 7

De - JQuery_Core_Style_Guidelines

• variables globales:
  typeof variable === "undefined"

• variables locales:
  variable === undefined

• Propiedades:
  object.prop === undefined