Я знаю, что могу проверить переменную javascript, а затем определить ее, если она не определена, но нет ли какого-либо способа сказать

var setVariable = localStorage.getItem ('value') || 0;

кажется намного более ясным способом, и я почти уверен, что видел это на других языках.

Да, он может сделать это, но, строго говоря, он назначит значение по умолчанию, если полученное значение будет ложным , в отличие от действительно неопределенного . Было бы , следовательно , не только соответствуют , undefinedно и null, false, 0, NaN, "" (но не "0" ).

Если вы хотите установить значение по умолчанию, только если переменная строго, undefinedтогда самый безопасный способ - написать:

var x = (typeof x === 'undefined') ? your_default_value : x;

В новых браузерах на самом деле безопасно писать:

var x = (x === undefined) ? your_default_value : x;

но имейте в виду, что это можно подорвать в старых браузерах, где было разрешено объявить переменную undefinedс заданным значением, что приведет к сбою теста.

Ответ 2016 ES6 :

return Object.is(x, undefined) ? y : x;

Если переменная x не определена, вернуть переменную y ... в противном случае, если переменная x определена, вернуть переменную x.

Мне нужно было "установить переменную, если она не определена" в нескольких местах. Я создал функцию, используя ответ @Alnitak. Надеюсь, это кому-нибудь поможет.

function setDefaultVal(value, defaultValue){
   return (value === undefined) ? defaultValue : value;
}  

Использование:

hasPoints = setDefaultVal(this.hasPoints, true);

Кажется более логичным проверить typeofвместо undefined? Я предполагаю, что вы ожидаете число, когда вы устанавливаете переменную в значение 0undefined:

var getVariable = localStorage.getItem('value');
var setVariable = (typeof getVariable == 'number') ? getVariable : 0;

В этом случае, если getVariableэто не число (строка, объект, что угодно), setVariable устанавливается в0

ES2020 Ответ

С оператором Nullish Coalescing Operator вы можете установить значение по умолчанию, если оно valueравно нулю или не определено.

const setVariable = localStorage.getItem('value') ?? 0;

Однако вы должны знать, что пустой оператор объединения не возвращает значение по умолчанию для других типов ложных значений, таких как 0и ''.

Обратите внимание, что поддержка браузера для оператора ограничена. По данным caniuse , поддерживается только 48,34% браузеров (по состоянию на апрель 2020 года). Поддержка Node.js была добавлена ​​в версии 14 .

Если вы поклонник FP ( функционального программирования ), у Ramda есть полезная вспомогательная функция для этого по умолчанию defaultTo :

использование:

const result = defaultTo(30)(value)

Это более полезно при работе с undefinedлогическими значениями:

const result2 = defaultTo(false)(dashboard.someValue)

var setVariable = (typeof localStorage.getItem('value') !== 'undefined' && localStorage.getItem('value')) || 0;

Сегодня столкнулся с этим сценарием, где я не хотел, чтобы ноль был перезаписан для нескольких значений. У нас есть файл с некоторыми общими служебными методами для подобных сценариев. Вот что я добавил, чтобы справиться со сценарием и быть гибким.

function getIfNotSet(value, newValue, overwriteNull, overwriteZero) {
    if (typeof (value) === 'undefined') {
        return newValue;
    } else if (value === null && overwriteNull === true) {
        return newValue;
    } else if (value === 0 && overwriteZero === true) {
        return newValue;
    } else {
        return value;
    }
}

Затем его можно вызвать с последними двумя необязательными параметрами, если я хочу установить только для неопределенных значений или также перезаписать нулевые или нулевые значения. Вот пример обращения к нему, который установит идентификатор на -1, если идентификатор не определен или равен нулю, но не перезаписывает значение 0.

data.ID = Util.getIfNotSet(data.ID, -1, true);

В наши дни вы действительно можете сделать свой подход с JS:

// Your variable is null
// or '', 0, false, undefined
let x = null;

// Set default value
x = x || 'default value';

console.log(x); // default value

Так что ваш пример будет работать:

const setVariable = localStorage.getItem('value') || 0;

Работает, даже если значением по умолчанию является логическое значение:

var setVariable = ( (b = 0) => b )( localStorage.getItem('value') );

Мне кажется, что для текущих реализаций JavaScript,

var [result='default']=[possiblyUndefinedValue]

хороший способ сделать это (используя деконструкцию объекта).

Логическое нулевое назначение, решение ES2020 +

Новые операторы в настоящее время добавляются в браузерах, ??=, ||=, и &&=. Этот пост будет посвящен ??=.

Это проверяет, является ли левая сторона неопределенной или нулевой, короткое замыкание, если уже определено. Если нет, то правая сторона назначается левой переменной.

Сравнение методов

// Using ??=
name ??= "Dave"

// Previously, ES2020
name = name ?? "Dave"

// Before that (not equivalent, but commonly used)
name = name || "Dave" // name ||= "Dave"

Основные примеры

let a          // undefined
let b = null
let c = false

a ??= true  // true
b ??= true  // true
c ??= true  // false

// Equivalent to
a = a ?? true

Примеры объектов / массивов

let x = ["foo"]
let y = { foo: "fizz" }

x[0] ??= "bar"  // "foo"
x[1] ??= "bar"  // "bar"

y.foo ??= "buzz"  // "fizz"
y.bar ??= "buzz"  // "buzz"

x  // Array [ "foo", "bar" ]
y  // Object { foo: "fizz", bar: "buzz" }

?? = Поддержка браузера июль 2020 г. - .03%

?? = Документация Mozilla

|| = Документация Mozilla

&& = Документация Mozilla