【问题标题】:destructuring falsy and null with default parameters使用默认参数解构 falsy 和 null
【发布时间】:2017-01-24 02:57:59
【问题描述】:

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

// #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 的假值和空值,以便我的电子邮件是一个空字符串?

【问题讨论】:

  • 这将是一个真正的“为什么?!”如果它默认每个虚假值。该问题可能是 XY 问题的一部分,如果 person 是任意输入,则应首先根据您的规则对其进行调节和验证。

标签: javascript ecmascript-6


【解决方案1】:

只有undefined 会导致默认初始化程序运行。如果您想为所有虚假值回退到默认值,请使用旧的 || 运算符:

const email = person.email || '';

【讨论】:

  • 但是如果person为null,那么person.email也会报错。对吗?
  • @srikanthsharma 当然,就像使用解构时一样
  • 如果是这种情况,const person = { name:null, email: null }; const { name = '', email = '' } = person 有什么简单的解决方案吗?
  • @foxiris 如果你想要很多变量,你需要写很多代码。没有办法解决这个问题。如果适用,请使用一般处理属性的循环。换行符并不重要。
猜你喜欢
  • 1970-01-01
  • 2010-09-21
  • 1970-01-01
  • 2021-03-10
  • 1970-01-01
  • 1970-01-01
  • 2017-02-20
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多