这是if-else语句的一行简写。它叫做条件算子

下面是一个可以用条件操作符缩短的代码示例:

var userType;
if (userIsYoungerThan18) {
  userType = "Minor";
} else {
  userType = "Adult";
}

if (userIsYoungerThan21) {
  serveDrink("Grape Juice");
} else {
  serveDrink("Wine");
}

这个可以用?:来缩短，像这样:

var userType = userIsYoungerThan18 ? "Minor" : "Adult";

serveDrink(userIsYoungerThan21 ? "Grape Juice" : "Wine");

像所有表达式一样，条件操作符也可以作为带有副作用的独立语句使用，尽管这在简化之外是不常见的:

userIsYoungerThan21 ? serveGrapeJuice() : serveWine();

它们甚至可以被捆绑:

serveDrink(userIsYoungerThan4 ? 'Milk' : userIsYoungerThan21 ? 'Grape Juice' : 'Wine');

但是要小心，否则你最终会得到像这样令人费解的代码:

var k = a ? (b ? (c ? d : e) : (d ? e : f)) : f ? (g ? h : i) : j;

1通常被称为“三元操作符”，但实际上它只是一个三元操作符(接受三个操作数的操作符)。不过，这是JavaScript目前仅有的一个功能。

当你拥有的都是符号时，想要谷歌有点困难;)使用的术语是“JavaScript条件运算符”。

如果您在JavaScript中看到更多有趣的符号，您应该首先尝试查找JavaScript的操作符:Mozilla Developer Center的操作符列表。您可能遇到的一个例外是$符号。

为了回答您的问题，条件操作符替换了简单的if语句。最好举个例子:

var insurancePremium = age > 21 ? 100 : 200;

而不是:

var insurancePremium;

if (age > 21) {
    insurancePremium = 100;
} else {
    insurancePremium = 200;
}

我想在已经给出的答案上加上一些。

如果你遇到(或想要使用)三元的情况，如'显示一个变量，如果它被设置，否则…'，你可以让它更短，没有三元。

而不是:

var welcomeMessage  = 'Hello ' + (username ? username : 'guest');

你可以使用:

var welcomeMessage  = 'Hello ' + (username || 'guest');

这是javascript相当于PHP的速记三元操作符?:

甚至:

var welcomeMessage  = 'Hello ' + (username || something || maybethis || 'guest');

它对变量求值，如果它为false或未设置，则继续执行下一个。

如果你在javascript中有一个条件检查实例函数。三元算符易于使用。只需要一行就可以实现。 例:

    private module : string ='';
    private page:boolean = false;
    async mounted(){
     if(this.module=== 'Main')
    {
    this.page = true;}
    else{
    this.page = false;
    }
}

只有一个条件的函数可以写成这样。

this.page = this.module=== 'Main' ?true:false;

条件?if True: False

三元运算符只是一种写if else条件的简单方法。它在ReactJS中被广泛使用。

例如:

Const x = 'foo'; //用这个代替if else X === 'foo' ?alert('True'): alert('False'); / /输出 //提示框将提示'True'

 (sunday == 'True') ? sun="<span class='label label-success'>S</span>" : sun="<span class='label label-danger'>S</span>";

 sun = "<span class='label " + ((sunday === 'True' ? 'label-success' : 'label-danger') + "'>S</span>"