¿Cómo escribo un || expresión en Javascript donde 0 no se trata como un valor falsy?

Question

Por favor, perdona mi inglés. No soy un hablante nativo

Mi problema viene cuando escribo código como este

luminosity = settings.luminosity || 50; 
opacity = settings.opacity || 100; 

El problema es que 0 se supone que es un valor válido, pero será por alto porque 0 es Falsy en Javascript y pondré a la valor predeterminado a la derecha de ||.

¿Hay alguna manera de solucionarlo, por lo que 0 no se trata como falsy?

En este momento estoy haciendo

luminosity = "luminosity" in settings ? settings.luminosity : 50; 

pero no me gusta eso, porque es muy largo.

Answer 1

Todo lo que necesita hacer es escribir una función de ayuda ...

function ifNotSet(val, other) { 
    return typeof val === "undefined" ? other : val; 
} 

Answer 2

Puede convertirlo a cadena '0' es truthy:

luminosity = settings.luminosity === 0 ? '' + settings.luminosity : settings.luminosity || 50; 
opacity = settings.opacity === 0 ? '' + settings.opacity : settings.opacity || 100; 

o simplemente puede usar esta función de su entrada o requisito:

luminosity = '' + settings.luminosity || 50; 
opacity = '' + settings.opacity || 100; 

'' + number es la abreviatura para la conversión de un número de secuencia .

Answer 3

Una forma común de tener opciones/configuraciones predeterminadas es .extend() method in jQuery. Pure JS también tiene este método, pero con algunos diferentes.

/* merge object2 into object1 */ 
$.extend(object1, object2); 

Esto es lo que necesita:

var defaultSetting = {luminosity : 50, opacity : 100}; 
setting = $.extend({}, defaultSetting, setting); 

Answer 4

Afinando la versión inicial del código de Tooraj @ :

var setting = {luminosity:0}; 
var defaultSetting = {luminosity:50, opacity:100}; 

setting = $.extend({}, defaultSetting, setting); 

// setting now has a value of {luminosity:0, opacity:100} 

No he hecho esto antes. Pero parece funcionar bien en FF, Chrome e IE9.