javascript: defina una variable si no existe

Question

me siento como si tratara de hacer algo súper simple, pero solo ser estúpido al respecto.

todo lo que quiero hacer es ver si una variable se ha establecido previamente, y si no lo tiene, configurarlo con un valor predeterminado

.... Este es un ejemplo:

if(!embed_BackgroundColor) { 
    var embed_BackgroundColor; 
    embed_BackgroundColor = "#F4F4F4"; 
} 

así, una vez dejas de reírte de mi código ... ¿POR QUÉ está sobreescribiendo la variable pase lo que pase?

Por favor, guarde mis nervios;)

Answer 1

if (typeof variable === 'undefined') { 
    // variable is undefined 
    // eg: 
    // var variable = "someValue"; 
} 

Answer 2

creo que su código publicado debería funcionar. A menos que su valor original sea 0.

El problema está en otro lugar.

Supongo que definió 'embed_BackgroundColor' fuera del alcance de su código. Y cuando ejecuta su código, esa variable no está definida en el alcance de su código, y se le asignará el valor predeterminado.

Aquí se muestra un ejemplo:

var embed_BackgroundColor = "#FF0000"; 

(function(){ 
    if(!embed_BackgroundColor) { 
    var embed_BackgroundColor; 
    embed_BackgroundColor = "#F4F4F4"; 
    } 
    alert(embed_BackgroundColor); // will give you #F4F4F4 
})(); 

alert(embed_BackgroundColor); // will give you #FF0000; 

Answer 3

prefiero una solución general en el estilo de PHP-como:

function isset(x) { return typeof(x)!='undefined'; }

Answer 4

que sería una práctica de codificación bien en este caso utilizar el ternario operador. Además, no necesita tener tres signos iguales al comparar con typeof. Esta es la solución más concisa:

b = typeof(b) == 'undefined' ? 0 : b; 

Espero que esto le ahorrará algo de tiempo.

Answer 5

Si embed_BackgroundColor es un parámetro en una función que no consiguió pasar, se puede establecer un valor predeterminado con

embed_BackgroundColor ? embedBackgroundColor : embed_BackgroundColor = "#F4F4F4"; 

Ejemplo de función completa

function colorFunctionThing(embed_BackgroundColor) { 
    embed_BackgroundColor ? embed_BackgroundColor : embed_BackgroundColor = "#F4F4F4"; 
    console.log(embed_BackgroundColor); 
}; 
colorFunctionThing(); 

salidas

#F4F4F4 

No es exactamente lo que estabas buscando, pero aún así es muy bueno saberlo.

Answer 6

Para responder realmente a su pregunta de POR QUÉ esto está sucediendo, solo han pasado un poco más de dos años y un mes: D, es por variable hoisting.

Básicamente, hay una fase antes de ejecutar código en el ámbito global o dentro de una función donde el código es escaneado para todos los var y function declaraciones (que no debe confundirse con la función expresiones, pero eso es otra historia).
Todas estas variables y funciones se declaran dentro del alcance actual, y solo después ejecuta realmente el código.

Esto ocurre independientemente de su posición en el código, con ámbitos correspondientes a cuerpos de funciones, no bloques de instrucciones. Y lo que lo hace aún más contra-intuitivo, incluso si establece un valor inicial para las variables en sus declaraciones, they will still remain "empty" until the declaration is reached again in normal execution flow.

Así que cuando se escribe:

if(!embed_BackgroundColor) { 
    var embed_BackgroundColor; 
    embed_BackgroundColor = "#F4F4F4"; 
} 

lo que en realidad sucede es lo siguiente:

1. Código se analizan en busca de declaraciones var. embed_BackgroundColor se declara dentro de este alcance, independientemente de si ya fue declarado o no. Su valor inicial no está definido.

2. Comienza la ejecución del código. Se ejecuta la instrucción if. La variable es declarada, pero su valor no está definido, por lo que la condición es verdadera. Usar typeof no lo ayudaría a distinguir aquí entre una variable no declarada y una declarada pero no establecida aún. No hace ninguna diferencia de todos modos.

3. La declaración var se alcanza por el flujo normal del código. Si le hubieras dado a la variable un valor inicial, se habría establecido ahora. En este caso, no pasa nada.

4. embed_BackgroundColor se establece en el valor "#F4F4F4".

Así, la línea de fondo es: se puede usar typeof variable == 'undefined' como se ve en las otras respuestas, o incluso claro como el que estaba utilizando al principio, pero no utiliza var o que va a arruinar todo 'variable!'.

Answer 7

prefiero esta sintaxis:

embed_BackgroundColor = embed_BackgroundColor || "#F4F4F4"

no puede conseguir mucho más simple que eso! Y parece funcionar incluso si ha sido variado.

Answer 8

Sigo el blog de Chris West y vi que publicó una manera muy buena en http://gotochriswest.com/blog/2012/07/02/javascript-define-if-undefined/.

Básicamente, usted tiene la definición de la función define y luego utilizar de esta manera:

define("embed_BackgroundColor", "#F4F4F4"); 

El código anterior definirá enbed_BackgroundColor en el contexto global, si no está ya definido. El ejemplo que utiliza Chris es un poco más útil y es el siguiente:

alert("jStuff is " + (typeof jStuff == "undefined" ? "un" : "") + "defined."); 

define("jStuff.alert", function(msg) { 
    alert(msg); 
    return msg; 
}); 

alert("jStuff is " + (typeof jStuff == "undefined" ? "un" : "") + "defined."); 

var str = jStuff.alert("Show and save this message."); 

• la primera declaración de alerta se mostrará, "jStuff no está definido."
• Aparecerá la segunda declaración de alerta, "jStuff está definido".
• La declaración de alerta final mostrará la alerta especificada y luego esa cadena se almacenará en la variable str.

Answer 9

Pro estilo:

var SomeVar = SomeVar || 'Default Value'; 

Answer 10

Si se trata de una variable global, me gusta hacer:

var defineMe = window.defineMe || 'I will define you now'; 

Es importante utilizar el espacio de nombres de ventana, ya que hace referencia a variables no definidas causará muy malas errores, pero hacer referencia a propiedades indefinidas no lo hará.

Answer 11

Debido a su bloque if se ejecutará si es embed_BackgroundColorfalse, 0, "", null, undefined o NaN.

Pero embed_BackgroundColor no se deben sobrescribir si ya se ha asignado a otro cadena no vacía ... O al menos, no lo hace en mi final.

Quizás es un caso de ámbitos contradictorios, como ha señalado Aaron Qian.

Answer 12

La mejor opción:

if (typeof someVar === 'undefined') someVar = someValue;