JavaScript 判断条件如果是 false 怎么让他什么都不做呢？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 1417 天前的主题，其中的信息可能已经有所发展或是发生改变。

JavaScript 的❓条件判断表达式里面，如果条件为假的时候，如何让它什么都不做呢？我试了以下，如果 : 后面什么都不写，浏览器会报错说 Uncaught SyntaxError: Unexpected token ';'

比如下面，如果把 'World' 去掉，则会报错：

<!DOCTYPE html>
<html>
  <body>

    <div id="demo"></div>
    <script>
      let a = 10;
      demo = document.getElementById('demo');
      demo.innerText = a > 5 ? 'Hello' : 'World';
    </script>
    
</body>
</html>

也就是说下面的代码会报错。

<!DOCTYPE html>
<html>
  <body>

    <div id="demo"></div>
    <script>
      let a = 10;
      demo = document.getElementById('demo');
      demo.innerText = a > 5 ? 'Hello' : ;
    </script>
    
</body>
</html>

45 条回复 • 2021-01-15 10:48:36 +08:00

cocoCookie

2021-01-13 10:39:59 +08:00

简单写个 if ？

wangxiang

2021-01-13 10:41:23 +08:00

demo.innerText = a > 5 ? 'Hello' : '';

lemonnTr

2021-01-13 10:41:54 +08:00

a > 5 ? demo.innerText = 'Hello' : '' ;

Sapp

2021-01-13 10:43:17 +08:00

@wangxiang 这样是有 bug 的，他的 demo 没有内容不代表实际就没有内容。
demo.innerText = a > 5 ? 'Hello' : demo.innerText;

不过这个需求用 if 不就行了么

BreadKiller

2021-01-13 10:43:32 +08:00

a > 5 && demo.innerText = 'Hello'

jappp

2021-01-13 10:43:50 +08:00

你既然不需要 false 的时候做处理，为什么要用三元表达式呢？

sudoy

2021-01-13 10:44:21 +08:00

@cocoCookie 在实际操作中判断比较多，感觉用 if 比较麻烦

BreadKiller

2021-01-13 10:44:54 +08:00

a > 5 && (demo.innerText = 'Hello')
好像得加个括号

tabris17

2021-01-13 10:46:03 +08:00

a > 5 && (demo.innerText='Hello');

Hypn0s

2021-01-13 10:46:57 +08:00

1==1 ? void 0 : alert(1);

ansenJ

2021-01-13 10:48:08 +08:00

sudoy

2021-01-13 10:48:12 +08:00

@jappp 嫌二元表达式 if 太麻烦，要写好多大括号 {}

sudoy

2021-01-13 10:50:13 +08:00

感谢大家回复，看来用 && 比较合适

shyrock

2021-01-13 10:50:49 +08:00

@jappp #6 灵魂拷问

cocoCookie

2021-01-13 10:50:53 +08:00

@sudoy 只是看起来🐶

cmdOptionKana

2021-01-13 10:51:54 +08:00

@sudoy if 不用大括号的，很方便 if (a>5) demo.innerText = 'Hello' 即可。

sudoy

2021-01-13 10:57:26 +08:00

@cmdOptionKana 谢谢

loading

2021-01-13 11:01:04 +08:00 via Android

if 通俗易懂，用&&有时我自己回过来都看不懂，

loading

2021-01-13 11:02:26 +08:00 via Android

@cmdOptionKana 不用大括号我脑子都转不过来，高级语言是给人看的，为了格式化后能在一行，得不偿失。

dark3212

2021-01-13 11:03:04 +08:00

demo.innerText = a > 5 ? 'Hello' : demo.innerText ;

exceloo

2021-01-13 11:15:11 +08:00

如果你非要用三元，hmmm
demo.innerText = a > 5 ? 'Hello' : demo.innerText;

answeryou

2021-01-13 11:34:40 +08:00

```js
let a = 10;
if a<=5 return;
demo = document.getElementById('demo');
demo.innerText = 'Hello';
```

Marstin

2021-01-13 12:10:58 +08:00

a>5&&(demo.innerTex = 'hello')

ershierdu

2021-01-13 12:20:01 +08:00 via iPhone

感觉这个就是很典型的 if 逻辑，非要用其他方法很容易降低可读性…

reus

2021-01-13 12:26:39 +08:00

不用 if ？小心以后维护的人亲切祝福你

zqx

2021-01-13 12:36:28 +08:00 via Android

貌似很少有人在 js 中用 void

oneisall8955

2021-01-13 12:57:52 +08:00 via Android

demo.innerText = a > 5 ? 'Hello' : demo.innerText; 🐶

liuzhaowei55

2021-01-13 13:09:23 +08:00 via iPhone

@lemonnTr 楼主看三楼的写法，虽然写法很骚，但项目中很多地方都是这么用的。

AllenHua

2021-01-13 13:26:37 +08:00

a > 5 && demo.innerText='Hello'

niub

2021-01-13 13:30:58 +08:00

你这是三元表达式语法都不清楚鸭

lifesimple

2021-01-13 14:04:47 +08:00

a > 5 ? demo.innerText = 'Hello' : ''; 当做 if 来用？

wunonglin

2021-01-13 14:14:15 +08:00

有意义么。。。没 false 操作的时候要哪个 if 不就好了，不要为了用而用，看场景

msg7086

2021-01-13 14:23:28 +08:00

if 或者 and 都行。and/or 是有英文语义的（然后 /否则），对英语用户来说理解不成问题。
比如 a > 5 && (demo.innerText = 'Hello') || (window.alert()) 。
但是一般来说除非是特别适合这种英文语义的语句，否则建议一律写成 if 。
read() or die() 这种就比 if(!read()) die() 要易读一些。