Saya tahu bahwa saya dapat menguji variabel javascript dan kemudian mendefinisikannya jika tidak terdefinisi, tetapi apakah tidak ada cara untuk mengatakannya

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

sepertinya cara yang jauh lebih jelas, dan saya cukup yakin saya telah melihat ini dalam bahasa lain.

Ya, itu bisa melakukan itu, tetapi sebenarnya yang akan menetapkan nilai default jika nilai yang diambil adalah falsey , yang bertentangan dengan benar-benar tidak terdefinisi . Ini akan karena itu tidak hanya cocok undefinedtetapi juga null, false, 0, NaN, "" (tapi tidak "0" ).

Jika Anda ingin menetapkan ke default hanya jika variabel benar-benar undefinedmaka cara paling aman adalah menulis:

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

Pada browser yang lebih baru sebenarnya aman untuk menulis:

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

tetapi perlu diketahui bahwa ini mungkin untuk menumbangkan ini di browser lama di mana ia diizinkan untuk mendeklarasikan variabel bernama undefinedyang memiliki nilai yang ditentukan, yang menyebabkan tes gagal.

Jawaban 2018 ES6 adalah :

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

Jika variabel x tidak terdefinisi, kembalikan variabel ... jika tidak, jika variabel x didefinisikan, kembalikan variabel x.

Saya perlu "mengatur variabel jika tidak terdefinisi" di beberapa tempat. Saya membuat fungsi menggunakan jawaban @Alnakak. Semoga ini membantu seseorang.

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

Pemakaian:

hasPoints = setDefaultVal(this.hasPoints, true);

Tampaknya lebih logis untuk memeriksa typeofbukan undefined? Saya berasumsi Anda mengharapkan nomor ketika Anda mengatur var 0ketika tidak ditentukan:

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

Dalam hal ini jika getVariablebukan angka (string, objek, apa pun), setVariable diatur ke0

ES2020 Jawab

Dengan Operator Penggabungan Nullish , Anda dapat menetapkan nilai default jika valuenull atau tidak terdefinisi.

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

Namun, Anda harus menyadari bahwa operator penggabungan nol tidak mengembalikan nilai default untuk jenis nilai falsy lainnya seperti 0dan ''.

Perhatikan bahwa dukungan browser untuk operator terbatas. Menurut data dari caniuse , hanya 48,34% browser yang didukung (per April 2020). Dukungan Node.js telah ditambahkan di versi 14 .

Jika Anda seorang penggemar FP ( pemrograman fungsional ), Ramda memiliki fungsi pembantu yang rapi untuk ini yang disebut defaultTo :

pemakaian:

const result = defaultTo(30)(value)

Ini lebih berguna ketika berhadapan dengan undefinednilai boolean:

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

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

Berlari ke skenario ini hari ini juga di mana saya tidak ingin nol ditimpa untuk beberapa nilai. Kami memiliki file dengan beberapa metode utilitas umum untuk skenario seperti ini. Inilah yang saya tambahkan untuk menangani skenario dan menjadi fleksibel.

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

Kemudian dapat dipanggil dengan dua parameter terakhir menjadi opsional jika saya hanya ingin menetapkan nilai yang tidak ditentukan atau juga menimpa nilai nol atau 0. Berikut adalah contoh panggilan untuk itu yang akan menetapkan ID ke -1 jika ID tidak terdefinisi atau nol, tetapi tidak akan menimpa nilai 0.

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

Di zaman kami, Anda sebenarnya dapat melakukan pendekatan dengan JS:

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

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

console.log(x); // default value

Jadi contoh Anda AKAN bekerja:

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

Bekerja bahkan jika nilai default adalah nilai boolean:

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

Menurut saya, untuk implementasi javascript saat ini,

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

adalah cara yang bagus untuk melakukan ini (menggunakan dekonstruksi objek).

Penugasan nullish yang logis, solusi ES2020 +

Operator baru saat ini sedang ditambahkan ke browser, ??=, ||=, dan &&=. Pos ini akan menjadi fokus ??=.

Ini memeriksa apakah sisi kiri tidak terdefinisi atau nol, korsleting jika sudah ditentukan. Jika tidak, sisi kanan ditugaskan ke variabel sisi kiri.

Metode Membandingkan

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

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

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

Contoh dasar

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

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

// Equivalent to
a = a ?? true

Contoh Obyek / Array

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

?? = Dukungan Browser Juli 2020 - .03%

?? = Dokumentasi Mozilla

|| = Dokumentasi Mozilla

&& = Dokumentasi Mozilla