javascript変数をテストし、未定義の場合はそれを定義できることはわかっていますが、なんらかの方法はありません。

var setVariable = localStorage.getItem（ 'value'）|| 0;

はるかに明確な方法のように思われ、私はこれを他の言語で見たことがあると確信しています。

はい、それは可能ですが、厳密に言うと、真に未定義ではなく、取得した値がfalseの場合にデフォルト値が割り当てられます。したがって、一致していないだけでなく、、、、 （しかしありません）。undefinednullfalse0NaN"" "0"

変数が厳密undefinedな場合にのみデフォルトに設定したい場合、最も安全な方法は次のように書くことです：

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

新しいブラウザでは、実際に書くのは安全です：

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

ただしundefined、値が定義されているという名前の変数を宣言することが許可されていた古いブラウザでは、これを覆すことができるため、テストが失敗することに注意してください。

2018 ES6の答えは次のとおりです。

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ますか？0未定義のときに変数をに設定すると、数値が期待されると思います。

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

この場合、getVariableが数値（文字列、オブジェクトなど）ではない場合、setVariableは次のように設定されます。0

ES2020回答

Nullish合体場合オペレータは、デフォルト値を設定することができますvaluenullまたは未定義です。

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

ただし、演算子を合体nullishのようなfalsy値、他のタイプのデフォルト値は返さないことに注意してください0とを''。

オペレーターのブラウザーサポートは制限されていることに注意してください。caniuseのデータによると、ブラウザの48.34％のみがサポートされています（2020年4月現在）。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;
    }
}

次に、未定義の値のみを設定する場合、またはnullまたは0の値を上書きする場合は、最後の2つのパラメーターをオプションとして呼び出します。次の例は、IDが未定義またはnullの場合にIDを-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 +ソリューション

新事業者は、現在、ブラウザに追加されている??=、||=と&&=。この投稿はに焦点を当て??=ます。

これは、左側が未定義か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" }

?? = 2020年7月のブラウザーサポート -.03％

?? = Mozillaドキュメント

|| = Mozillaドキュメント

&& = Mozillaドキュメント