javascript - 使用默认参数解构 falsy 和 null

Question

我试图了解如何使用默认参数解构 falsy 和 null 值。以下是我运行过的一些示例:

// #1
const person = { email: 'a@example.com' }
const { email = '' } = person
// email is 'a@example.com'

// #2
const person = { email: '' }
const { email = '' } = person
// email is ''

// #3
const person = { email: false }
const { email = '' } = person
// email is boolean false.  why?!

// #4
const person = { email: null }
const { email = '' } = person
// email is null.  why?!

有没有我可以编写的快捷方式来解构#3 和#4 的虚假值和空值，以便我的电子邮件是一个空字符串？

Answer 1

只有 undefined 会导致默认初始化程序在解构和函数参数目标中运行。如果您想为所有虚假值退回到默认值，请使用旧的 || operator相反:

const email = person.email || '';

或者以可变变量为目标并使用 logical OR assignment之后:

let { email } = person;
email ||= '';