Ternary shorthand for foo ? foo : bar

Question

I realized I am using the ternary operator most of the time as following:

foo ? foo : bar;

This becomes cumbersome, as the variable length gets quite long, e. g.

appModel.settings.notifications ? appModel.settings.notifications : {};

Is there any shorthand or more elegant way of doing this? Perhaps ES6 or ES7?

Answer 1

You can write it like this :

var foo = foo || {};
appModel.settings.notifications = appModel.settings.notifications || {};

you can also cumulate

options = default.options || foo.options || bar.options || { foo:'bar'};

Answer 2

You can simply use non-bitwise boolean operators:

foo || bar;

Answer 3

When checking for nullish values we can now use the Logical Nullish Assignment:

foo ??= bar

See this answer for difference between nullish and falsy.

//these statements are the same for nullish values (null and undefined):

//falsy check
foo = foo ? foo : bar;

//falsy check
foo = foo || bar;

//nullish check
foo ??= bar;

Answer 4

We can use in here as well, may be a bit more Human friendly, and this won't ever block.

 notifications in appModel.settings || {}