Làm cách nào để viết || biểu hiện trong Javascript trong đó 0 không được coi là giá trị giả?

Question

Hãy tha thứ cho tiếng Anh của tôi. Tôi không phải là người bản ngữ.

Vấn đề của tôi đến khi tôi viết code như thế này

luminosity = settings.luminosity || 50; 
opacity = settings.opacity || 100; 

Vấn đề là 0 được coi là một giá trị hợp lệ, nhưng nó sẽ được bỏ qua vì 0 là falsy trong Javascript và nó sẽ thiết lập để giá trị mặc định ở bên phải của ||.

Có cách nào để sửa lỗi để 0 không được coi là bị lỗi không?

Ngay bây giờ tôi đang làm

luminosity = "luminosity" in settings ? settings.luminosity : 50; 

nhưng tôi không thích điều đó vì nó là quá lâu.

Answer 1

Tất cả bạn cần làm là viết một hàm helper ...

function ifNotSet(val, other) { 
    return typeof val === "undefined" ? other : val; 
} 

Answer 2

Bạn có thể chuyển nó sang chuỗi '0' là truthy:

luminosity = settings.luminosity === 0 ? '' + settings.luminosity : settings.luminosity || 50; 
opacity = settings.opacity === 0 ? '' + settings.opacity : settings.opacity || 100; 

Hoặc bạn chỉ có thể sử dụng điều này phụ thuộc vào đầu vào hoặc yêu cầu của bạn:

luminosity = '' + settings.luminosity || 50; 
opacity = '' + settings.opacity || 100; 

'' + number là viết tắt để chuyển đổi một số chuỗi .

Answer 3

Cách phổ biến để có tùy chọn/cài đặt mặc định là .extend() method in jQuery. JS thuần túy cũng có phương pháp này nhưng với một số khác nhau.

/* merge object2 into object1 */ 
$.extend(object1, object2); 

Đây là những gì bạn cần:

var defaultSetting = {luminosity : 50, opacity : 100}; 
setting = $.extend({}, defaultSetting, setting); 

Answer 4

Việc điều chỉnh phiên bản ban đầu của @ đang Tooraj của :

var setting = {luminosity:0}; 
var defaultSetting = {luminosity:50, opacity:100}; 

setting = $.extend({}, defaultSetting, setting); 

// setting now has a value of {luminosity:0, opacity:100} 

Tôi chưa từng làm điều này trước đây. Nhưng có vẻ như nó hoạt động tốt trong FF, Chrome và IE9.