Javascript: utilizar una variable, o si es indefinido, una cadena predeterminada

Question

tengo este código:

var phrase = function (variable, defaultPhrase) { 
    if (typeof variable === "undefined") { 
     return defaultPhrase; 
    } 
    else { 
     return variable; 
    } 
} 

Se llama así:

Ext.Msg.show({title: phrase(js_shutdown,'Shutdown'), //... 

Lo que quiero hacer es usar una frase predeterminada cuando la variable no está definida, pero cuando paso una variable indefinida a phrase(), JS arroja un error variable indefinido. ¿Cómo puedo solucionar esto? ¿Alguna otra idea para hacer esto?

Answer 1

No necesita una función. El operador || se utiliza generalmente:

Ext.Msg.show({ title: js_shutdown || 'Shutdown', //... 

Se puede ver || como:

someValue || defaultValue 

Para cadenas, defaultValue se utiliza si someValue === "".

Si la variable no está definida en absoluto, necesitará alinear la verificación typeof x === "undefined", porque no puede pasar la variable a una función (es decir, ReferenceError).

Answer 2

Normalmente codificaría esto como title: js_shutdown || 'Shutdown' en ausencia de posibles problemas de seguridad.

Answer 3

Uso del logical OR operator:

var phrase = variable || defaultPhrase; 

o en línea:

Ext.Msg.show({title: (js_shutdown || 'Shutdown')), //... 

Answer 4

en JavaScript, normalmente se utiliza el operador OR || para proporcionar un valor alternativo cuando no está definida una variable:

return variable || defaultPhrase || '' 

En el caso variable es indefinido d, se evaluará como falso, luego se evaluará la segunda parte de la prueba; si tampoco está definida, aún se puede devolver una cadena vacía.

Answer 5

Es un error de javascript hacer referencia a una variable indefinida sin ámbito en su llamada de función. Por lo tanto, si la variable js_shutdown no existe en su alcance, entonces esto:

Ext.Msg.show({title: phrase(js_shutdown,'Shutdown'), //... 

es un error.

Por ejemplo, este código provoca un error en la línea que llama a la función phrase():

var Ext = {}; 
Ext.Msg = {}; 
Ext.Msg.show = function() {console.log("success")}; 

function phrase(variable, defaultPhrase) { 
    return(variable || defaultPhrase); 
} 

Ext.Msg.show({title: phrase(js_shutdown,'Shutdown')});​ 

debido a que el motor de JavaScript no es capaz de encontrar js_shutdown en cualquier ámbito.

embargo, esto está bien:

var Ext = {}; 
Ext.Msg = {}; 
Ext.Msg.show = function() {console.log("success")}; 

function phrase(variable, defaultPhrase) { 
    return(variable || defaultPhrase); 
} 

Ext.Msg.show({title: phrase(window.js_shutdown,'Shutdown')});​ 

Se puede ver que esto funciona aquí: http://jsfiddle.net/jfriend00/JFz6R/

Debido a que usted ha dicho que el motor JS exactamente dónde buscar js_shutdown y cuando no lo es allí, simplemente pasa indefinido a la función de frase (como desee).

Answer 6

¿No debería ser:

var phrase = function (variable, defaultPhrase){ 
    if(variable == undefined){ 
     return defaultPhrase; 
    }else{ 
     return variable; 
    } 
} 

Answer 7

por lo general utilizando || es suficiente, al igual que otros han sugerido. Sin embargo, si desea tener 0, falso y nulo como valores aceptables, entonces de hecho necesita verificar si el tipo de la variable no está definido. Se puede utilizar el operador ternario para que sea una sola línea:

var variable; 
var defaultPhrase = "Default"; 
var phrase = (typeof variable === "undefined" ? defaultPhrase : variable); 
console.log(phrase); 
// => "Default"