Да, он может это сделать, но, строго говоря, это присвоит значение по умолчанию, если полученное значение falsey, а не действительно undefined. Следовательно, он будет соответствовать не только 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, имеющую определенное значение, что приводило к сбою теста.

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

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

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

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

// 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" }

??= Поддержка браузера март 2021 г. — 85 %

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

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

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

Ответ 2018 ES6:

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

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

ES2020 Ответ

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

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

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

Однако обратите внимание на поддержку браузера. Возможно, вам потребуется использовать компилятор JavaScript, например Babel, чтобы преобразовать его во что-то более обратно совместимое. Если вы используете Node.js, он поддерживается с версия 14.

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

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

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

hasPoints = setDefaultVal(this.hasPoints, true);

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

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

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

В наши дни вы действительно можете реализовать свой подход с помощью 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;

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

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

const result = defaultTo(30)(value)

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

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

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

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;
    }
}

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

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

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

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

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

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

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

Вы можете использовать любой из приведенных ниже способов.

let x;
let y = 4;
x || (x = y)

в ES12 или позже

let x;
let y = 4;
x ||= y;