Я знаю, що я можу перевірити змінну javascript, а потім визначити її, якщо вона не визначена, але чи не існує способу сказати

var setVariable = localStorage.getItem ('значення') || 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яка має визначене значення, внаслідок чого тест не вдасться.

Відповідь ES6 2018 року :

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? Я припускаю, що ви очікуєте число під час встановлення var, 0коли не буде визначено:

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

У цьому випадку, якщо getVariableце не число (рядок, об'єкт, що завгодно), встановлюється setVariable0

Відповідь ES2020

За допомогою оператора Nullish Coalescing ви можете встановити значення за замовчуванням, якщо воно valueє нульовим або невизначеним.

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

Однак слід пам’ятати, що оператор зведення нуля не повертає значення за замовчуванням для інших типів фальшивого значення, таких як 0і ''.

Зверніть увагу, що підтримка браузера для оператора обмежена. За даними каніуси підтримується лише 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;
    }
}

Потім його можна викликати, якщо останні два параметри є необов'язковими, якщо я хочу встановити лише невизначені значення або також замінити нульові або 0 значення. Ось приклад виклику до нього, який встановить ідентифікатор до -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