javascript - 无法在 JavaScript 中 DRY 简写 if-else(条件三元运算符)

Question

我有一个简单的 html 页面，有一个按钮切换 div，但是一切正常，但我的代码中有一个 if-else 语句，如下所示:

 if (info.style.display === '' || info.style.display == 'none'){
    info.style.display =  'inline-block';
} else {
     info.style.display =  'none';
}

我决定像这样使用速记语句；

 info.style.display === ''||info.style.display ==='none' ? info.style.display = 'inline-block' :info.style.display = 'none';

但还是觉得太长了，可能可以晒干，

嗯，我有两种方法，但每种方法都不是正确的:

// this solution works but requires two clicks first time run:

 info.style.display ==( ''||'none' ) ?info.style.display = 'inline-block' :info.style.display = 'none';

和:

 // this solution doesn't work:
  info.style.display == (''||'none' ? 'inline-block' : 'none');

她是>>> My Plunker <<< 请问对此有什么想法吗？谢谢..

Answer 1

实际上，这是使用这个简短的 if-else 语句的正确方法

info.style.display = (info.style.display === '' || info.style.display === 'none') ? 'inline-block' : 'none';