Tôi biết rằng tôi có thể kiểm tra biến javascript và sau đó xác định nó nếu nó không được xác định, nhưng không có cách nào để nói

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

có vẻ như là một cách rõ ràng hơn nhiều, và tôi khá chắc chắn rằng tôi đã thấy điều này trong các ngôn ngữ khác.

Vâng, nó có thể làm điều đó, nhưng nói đúng ra rằng sẽ gán giá trị mặc định nếu giá trị được truy xuất là falsey , trái ngược với thực sự không xác định . Nó sẽ do đó không chỉ phù hợp undefinedmà còn null, false, 0, NaN, "" (nhưng không "0" ).

Nếu bạn chỉ muốn đặt thành mặc định nếu biến đó là nghiêm ngặt undefinedthì cách an toàn nhất là viết:

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

Trên các trình duyệt mới hơn, nó thực sự an toàn để viết:

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

nhưng lưu ý rằng có thể lật đổ điều này trên các trình duyệt cũ hơn, nơi nó được phép khai báo một biến có tên undefinedcó giá trị xác định, khiến thử nghiệm thất bại.

Câu trả lời ES6 2018 là :

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

Nếu biến x không xác định, trả về biến y ... nếu không, nếu biến x được xác định, trả về biến x.

Tôi cần phải "đặt một biến nếu không xác định" ở một số nơi. Tôi đã tạo một hàm bằng cách sử dụng câu trả lời @Alnitak. Hy vọng nó sẽ giúp được ai đó.

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

Sử dụng:

hasPoints = setDefaultVal(this.hasPoints, true);

Có vẻ hợp lý hơn để kiểm tra typeofthay vì undefined? Tôi giả sử bạn mong đợi một số khi bạn đặt var thành 0khi không xác định:

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

Trong trường hợp này nếu getVariablekhông phải là số (chuỗi, đối tượng, bất cứ thứ gì), setVariable được đặt thành0

Trả lời ES2020

Với Toán tử kết hợp Nullish , bạn có thể đặt giá trị mặc định nếu valuelà null hoặc không xác định.

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

Tuy nhiên, bạn nên lưu ý rằng toán tử kết hợp nullish không trả về giá trị mặc định cho các loại giá trị giả khác như 0và ''.

Xin lưu ý rằng hỗ trợ trình duyệt cho nhà điều hành bị hạn chế. Theo dữ liệu từ caniuse , chỉ có 48,34% trình duyệt được hỗ trợ (tính đến tháng 4 năm 2020). Hỗ trợ Node.js đã được thêm vào trong phiên bản 14 .

Nếu bạn là người hâm mộ của FP ( lập trình chức năng ), Ramda có chức năng trợ giúp gọn gàng cho cái gọi là defaultTo :

sử dụng:

const result = defaultTo(30)(value)

Nó hữu ích hơn khi xử lý undefinedcác giá trị boolean:

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

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

Chạy vào kịch bản này ngày hôm nay cũng là nơi tôi không muốn số 0 bị ghi đè cho một số giá trị. Chúng tôi có một tệp với một số phương thức tiện ích phổ biến cho các tình huống như thế này. Đây là những gì tôi đã thêm để xử lý kịch bản và linh hoạt.

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

Sau đó, nó có thể được gọi với hai tham số cuối cùng là tùy chọn nếu tôi muốn chỉ đặt cho các giá trị không xác định hoặc ghi đè lên giá trị null hoặc 0. Đây là một ví dụ về một cuộc gọi đến nó sẽ đặt ID thành -1 nếu ID không xác định hoặc null, nhưng sẽ không ghi đè lên giá trị 0.

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

Trong thời đại của chúng tôi, bạn thực sự có thể thực hiện cách tiếp cận của mình với JS:

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

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

console.log(x); // default value

Vì vậy, ví dụ của bạn S work hoạt động:

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

Hoạt động ngay cả khi giá trị mặc định là giá trị boolean:

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

Dường như với tôi, đối với việc triển khai javascript hiện tại,

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

là một cách hay để làm điều này (sử dụng giải cấu trúc đối tượng).

Phân công logic nullish, giải pháp ES2020 +

Nhà khai thác mới hiện đang được bổ sung vào trình duyệt, ??=, ||=, và &&=. Bài này sẽ tập trung vào ??=.

Điều này kiểm tra nếu bên trái là không xác định hoặc null, ngắn mạch nếu đã được xác định. Nếu không, phía bên phải được gán cho biến bên trái.

Phương pháp so sánh

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

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

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

Ví dụ cơ bản

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

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

// Equivalent to
a = a ?? true

Ví dụ đối tượng / mảng

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

?? = Hỗ trợ trình duyệt tháng 7 năm 2020 - .03%

?? = Tài liệu Mozilla

|| = Tài liệu Mozilla

&& = Tài liệu Mozilla