1. 犀牛前端部落首页
  2. 资讯杂谈

开发小技巧:避免过度使用判断语句

作为开发人员,您肯定遇到过同样的逻辑,不同的人写出了不一样的代码。

他们中的大多数都有众所周知的解决方案。 今天,俺想谈谈如何来避免过度else语句和嵌套条件。

让我们举个例子:

render() {
  const personToLookFor = 'Thierry'
  const [result, loading] = doesPersonExists(personToLookFor)

  if (!loading) {
    let message
    if (result) {
      message = `${personToLookFor} already exists.` 
    } else {
      message = `${personToLookFor} doesn't exist.`
    }
    return message
  } else {
    return 'Loading...'
  }
}

如您所见,嵌套条件和if / else语句很难阅读。 乍一看,您并不真正理解这段代码是什么。 我敢打赌,您之前已经遇到过这种模式。 让我们对其进行一些重构,使其更易于维护!

再来看下一段代码:

render() {
  const personToLookFor = 'Thierry'
  const [result, loading] = doesPersonExists(personToLookFor)

  if (loading) return 'Loading...'

  let message
  if (result) {
    message = `${personToLookFor} already exists.` 
  } else {
    message = `${personToLookFor} doesn't exist.`
  }
  return message
}

是不是更清楚了? 我们也可以通过直接在if语句中返回消息来摆脱else语句。

render() {
  const personToLookFor = 'Thierry'
  const [result, loading] = doesPersonExists(personToLookFor)

  if (loading) return 'Loading...'

  if (result) {
    return `${personToLookFor} already exists.` 
  }
  return `${personToLookFor} doesn't exist.`
}

希望对大家有所帮助,也希望大家多多支持犀牛前端部落。

原创文章,作者:犀牛前端部落,如若转载,请注明出处:https://www.pipipi.net/2848.html

发表评论

登录后才能评论