Wiem, że mogę przetestować zmienną javascript, a następnie zdefiniować ją, jeśli jest niezdefiniowana, ale czy nie ma sposobu na powiedzenie

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

wydaje się dużo jaśniejszy sposób i jestem prawie pewien, że widziałem to w innych językach.

Tak, może to zrobić, ale ściśle mówiąc, przypisze wartość domyślną, jeśli pobrana wartość jest fałszywa , w przeciwieństwie do naprawdę niezdefiniowanej . Jest zatem nie tylko pasuje undefined, ale również null, false, 0, NaN, "" (ale nie "0" ).

Jeśli chcesz ustawić wartość domyślną tylko wtedy, gdy zmienna jest ściśle undefinedokreślona, ​​najbezpieczniejszym sposobem jest napisanie:

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

W nowszych przeglądarkach można bezpiecznie pisać:

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

należy jednak pamiętać, że można to odwrócić w starszych przeglądarkach, w których wolno było zadeklarować zmienną o nazwie, undefinedktóra ma zdefiniowaną wartość, co spowodowało niepowodzenie testu.

Odpowiedź 2018 ES6 to :

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

Jeśli zmienna x jest niezdefiniowana, zwraca zmienną y ... w przeciwnym razie, jeśli zmienna x jest zdefiniowana, zwraca zmienną x.

Musiałem „ustawić zmienną, jeśli jest niezdefiniowana” w kilku miejscach. Utworzyłem funkcję za pomocą odpowiedzi @Alnitak. Mam nadzieję, że to komuś pomoże.

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

Stosowanie:

hasPoints = setDefaultVal(this.hasPoints, true);

Bardziej logiczne wydaje się sprawdzenie typeofzamiast undefined? Zakładam, że oczekujesz liczby, ustawiając zmienną na 0undefined:

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

W tym przypadku, jeśli getVariablenie jest liczbą (ciągiem, obiektem, czymkolwiek), ustawiana jest wartość setVariable0

Odpowiedź ES2020

Za pomocą zerowego operatora łączenia można ustawić wartość domyślną, jeśli valuejest równa zeru lub nieokreślona.

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

Należy jednak pamiętać, że nullish coalescing operator nie zwraca wartości domyślnej dla innych typów fałszywych wartości, takich jak 0i ''.

Zwróć uwagę, że obsługa przeglądarki przez operatora jest ograniczona. Według danych caniuse obsługiwanych jest tylko 48,34% przeglądarek (stan na kwiecień 2020). Obsługa Node.js została dodana w wersji 14 .

Jeśli jesteś fanem FP ( programowania funkcjonalnego ), Ramda ma fajną funkcję pomocniczą o nazwie defaultTo :

stosowanie:

const result = defaultTo(30)(value)

Jest to bardziej przydatne w przypadku undefinedwartości logicznych:

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

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

Dzisiaj również wpadłem na ten scenariusz, w którym nie chciałem, aby zero zostało nadpisane dla kilku wartości. Mamy plik z kilkoma typowymi metodami narzędziowymi dla takich scenariuszy. Oto, co dodałem, aby poradzić sobie ze scenariuszem i być elastycznym.

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

Następnie można go wywołać z dwoma ostatnimi parametrami, które są opcjonalne, jeśli chcę ustawić tylko niezdefiniowane wartości lub nadpisać wartości null lub 0. Oto przykład wywołania, które ustawi identyfikator na -1, jeśli identyfikator jest niezdefiniowany lub pusty, ale nie nadpisze wartości 0.

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

W dzisiejszych czasach możesz zrobić swoje podejście za pomocą JS:

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

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

console.log(x); // default value

Twój przykład BĘDZIE działał:

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

Działa nawet, jeśli wartość domyślna jest wartością logiczną:

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

Wydaje mi się, że przy obecnych implementacjach javascript,

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

to dobry sposób na zrobienie tego (za pomocą dekonstrukcji obiektów).

Logiczne przypisanie zerowe, rozwiązanie ES2020 +

Nowi operatorzy są obecnie dodawane do przeglądarek ??=, ||=oraz &&=. Ten post skupi się na ??=.

Sprawdza, czy lewa strona jest niezdefiniowana lub zerowa, zwarcie, jeśli jest już zdefiniowane. Jeśli nie, prawa strona jest przypisywana do zmiennej lewej strony.

Porównanie metod

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

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

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

Podstawowe przykłady

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

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

// Equivalent to
a = a ?? true

Przykłady obiektów / tablic

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

?? = Obsługa przeglądarek, lipiec 2020 r. - 0,03%

?? = Dokumentacja Mozilli

|| = Dokumentacja Mozilli

&& = Dokumentacja Mozilli