Bir javascript değişkeni için test ve tanımsız ise tanımlayabilirsiniz biliyorum, ama söylemenin bir yolu yok

var setVariable = localStorage.getItem ('değer') || 0;

çok daha net bir yol gibi görünüyor ve eminim bunu diğer dillerde gördüm.

Evet, bunu yapabilir, ancak kesin olarak söylemek gerekirse, geri alınan değer gerçekte tanımsız yerine falsey ise varsayılan değeri atayacaktır . Bu nedenle sadece maç olmaz , aynı zamanda , , , , (ama değil ).undefinednullfalse0NaN"" "0"

Yalnızca değişken kesinlikle ise varsayılan olarak ayarlamak istiyorsanız undefined, en güvenli yol yazmaktır:

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

Daha yeni tarayıcılarda yazmak gerçekten güvenlidir:

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

ancak bunu, undefinedtanımlı değere sahip adlı bir değişkenin bildirilmesine izin verildiği ve testin başarısız olmasına neden olan eski tarayıcılarda değiştirmenin mümkün olduğunu unutmayın .

2018 ES6 yanıtı :

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

X değişkeni tanımsızsa y değişkeni döndürün ... aksi takdirde x değişkeni tanımlanmışsa x değişkeni döndürün.

Ben birkaç yerde "tanımsız ise bir değişken ayarlamak" gerekiyordu. @Alnitak yanıtını kullanarak bir işlev oluşturdum. Umarım birine yardımcı olur.

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

Kullanımı:

hasPoints = setDefaultVal(this.hasPoints, true);

Bu check daha mantıklı görünüyor typeofyerine undefined? Ben 0tanımsız zaman var olarak ayarlamak gibi bir sayı beklediğiniz varsayıyorum :

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

Bu durumda getVariable, bir sayı değilse (dize, nesne, ne olursa olsun), setVariable öğesi0

ES2020 Yanıt

İle Nullish Birleştirme eğer Operatörü, varsayılan bir değer ayarlayabilirsiniz valuenull veya tanımlanmamıştır.

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

Ancak, nullish birleştirme operatörünün 0ve gibi diğer falsy değeri türleri için varsayılan değeri döndürmediğini bilmeniz gerekir ''.

Operatör için tarayıcı desteğinin sınırlı olduğunu unutmayın. Caniuse verilerine göre , tarayıcıların yalnızca% 48,34'ü desteklenmektedir (Nisan 2020 itibariyle). Sürüm 14'te node.js desteği eklendi .

Bir FP ( fonksiyonel programlama ) hayranıysanız, Ramda'nın defaultTo adında düzgün bir yardımcı işlevi vardır :

kullanımı:

const result = defaultTo(30)(value)

undefinedBoole değerleri ile uğraşırken daha kullanışlıdır :

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

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

Bugün de bu senaryoya koştum, burada sıfırın üzerine birkaç değer yazılmasını istemedim. Bunun gibi senaryolar için bazı yaygın yardımcı program yöntemlerine sahip bir dosyamız var. İşte senaryoyu ele almak ve esnek olmak için eklediğim şey.

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

Daha sonra yalnızca tanımsız değerler için ayar yapmak veya ayrıca null veya 0 değerlerinin üzerine yazmak istiyorsanız son iki parametre isteğe bağlı olarak çağrılabilir. Kimliği tanımlanmamış veya boşsa, ancak 0 değerinin üzerine yazmayacaksa, kimliği -1 olarak ayarlayan bir çağrı örneği.

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

Günümüzde aslında JS ile yaklaşımınızı yapabilirsiniz:

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

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

console.log(x); // default value

Yani örneğin çalışacak:

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

Varsayılan değer bir boole değeri olsa bile çalışır:

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

Bana öyle geliyor ki, javascript uygulamaları için,

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

bunu yapmanın güzel bir yoludur (nesne yapısökümünü kullanarak).

Mantıksal nullish ataması, ES2020 + çözümü

Yeni operatörleri şu anda tarayıcılar, ilave ediliyor ??=, ||=ve &&=. Bu yazıya odaklanılacak ??=.

Bu, sol tarafın tanımsız veya boş olup olmadığını, önceden tanımlanmışsa kısa devre olup olmadığını kontrol eder. Değilse, sağ taraf sol taraf değişkenine atanır.

Karşılaştırma Yöntemleri

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

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

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

Temel Örnekler

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

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

// Equivalent to
a = a ?? true

Nesne / Dizi Örnekleri

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

?? = Tarayıcı Desteği Temmuz 2020 - .03%

?? = Mozilla Belgeleri

|| = Mozilla Belgeleri

&& = Mozilla Belgeleri