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

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

就像这样:

var a = 2;
var b = 3;

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

当前回答

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

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 c = (a < b) ? "a is less than b"  : "a is not less than b";

如果你只是想要一个内联If(没有ELSE)，你可以使用逻辑AND运算符:

(a < b) && /*your code*/;

如果还需要ELSE，则使用其他人建议的三元操作。

你不一定需要jQuery。JavaScript本身就可以做到这一点。

var a = 2;
var b = 3;    
var c = ((a < b) ? 'minor' : 'major');

如果值为真，则c变量为次要值，如果值为假，则为主要值。

这被称为条件(三元)运算符。

https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Operators/Conditional_Operator

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

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

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

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

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

如果要内联编写if语句，其中的代码应该只有一条语句:

if ( a < b ) // code to be executed without curly braces;

推荐文章