如何在JavaScript写一个内联IF语句?

如何在JavaScript中使用内联if语句?也有内联else语句吗?

就像这样:

var a = 2;
var b = 3;

if(a < b) {
    // do something
}

当前回答

(条件)?expressionTrue: expressionFalse;

例子

int a=20, b=10;

if (a>b) {
  cout << "a greater than b";
} else {
  cout << "b greater than a";
}

你可以简单地写:

int a=20, b=10;

(a>b) ? cout << "a greater than b" : cout << "b greater than a";

其他回答

这个问题本质上不是:我能写出下面的东西吗?

if (foo)
  console.log(bar)
else
  console.log(foo + bar)

答案是，是的，上面的内容可以翻译。

但是，在做以下事情时要小心

if (foo)
  if (bar)
    console.log(foo)
  else 
    console.log(bar)
else 
  console.log(foobar)

请务必将模棱两可的代码用大括号括起来，因为上述代码将抛出异常(类似的排列将产生不希望看到的行为)。

简化三元运算符

var locked = 1;
var canChange = locked != 1 ? true : false;

如果锁定为1，则canChange变量被设置为false，否则，它被设置为true。在这种情况下，你可以使用一个布尔表达式来简化它，如下所示:

var locked = 1;
var canChange = locked != 1;

用于多个JavaScript三元运算符下面的例子展示了如何在同一个表达式中使用两个三元运算符:

var speed = 90;
var message = speed >= 120 ? 'Too Fast' : (speed >= 80 ? 'Fast' : 'OK');
console.log(message);

当三元运算符使代码更易于阅读时，使用它是一种最佳实践。如果逻辑包含很多If…Else语句，你不应该使用三元操作符。

我经常需要在每个条件下运行更多的代码，通过使用:(，，)多个代码元素可以执行:

var a = 2;
var b = 3;
var c = 0;

( a < b ?  ( alert('hi'), a=3, b=2, c=a*b ) : ( alert('by'), a=4, b=10, c=a/b ) );

你可以在JavaScript中这样做:

a < b ? passed() : failed();

供您参考，您可以组合条件操作符

var a = (truthy) ? 1 : (falsy) ? 2 : 3;

如果您的逻辑足够复杂，那么您可以考虑使用IIFE

var a = (function () {
  if (truthy) return 1;
  else if (falsy) return 2;
  return 3;
})();

当然，如果你计划使用这个逻辑不止一次，那么你必须把它封装在一个函数中，以保持它的美观和DRY。

推荐文章