大家好，欢迎来到IT知识分享网。

深度了解 JavaScript 中 三目运算符

初次写文章留作纪念 😃

三目运算符 的写法 及体征

通过一个简单的案例，让你更深层的了解判断类型的三目运算符的应用 分为 单条件 和 多条件 两种类型。

可以理解为条件 ? 结果1 : 结果2

单条件

// 语法  布尔表达式 ? 表达式true执行 : 表达式false执行

例如：

		var a = 4,b = 2;
		var max = a<b?a:b;//三目运算符： 布尔表达式 ? true时执行 : false时执行
		console.log(max);//2

		//与if(){}else{}相似
		//换种写法 ↓
		if( a<b ){ 
    
			max = a;
		}else { 
   
			max = b;
		}
		

多条件

		/* <表达式1> ? <表达式2> : <表达式3>; "?"运算符的含义是：先求表达式1的值，如果为真，则执行表达式2，并返回表达式2的结果； 如果表达式1的值为假，则执行表达式3，并返回表达式3的结果。 */
		

// 语法  布尔表达式1 ? 表达式1true执行 : (布尔表达式2 ? 表达式2的true执行 : 两个表达式都不成立执行语句)

例如：

		var c = 3;
		console.log( c==2?"这是2":(c==1?"这是1":(c==3?"这是3":"这个数不是1、2、3")) );//"这是3"
		
		//使用 ***括号*** 是方便查看代码，方便阅读及程序执行
		//换种写法 ↓
		//与if(){}else if(){}else{}相似
		var str = "";
		if( c==2 ){ 
   
			str = "这是2";
		}else if( c==1 ){ 
   
			str = "这是1";
		}else if( c==3 ){ 
   
			str = "这是3";
		}else{ 
   
			str = "这个数不是1、2、3"
		}
		//惊奇之处： ***三目运算有返回值！**** 
		//而if语句 只会执行代码，没有返回值，除非自定义一个变量传入进去，进行赋值

         建议在书写多条件的三目运算时，使用括号进行分隔开每段代码，方便自己查看以及程序执行
 

三目运算符执行多个条件

需求：我正在使用三目，我需要在满足条件中我让让它执行多个语句

三元运算符的结果语句可以执行多个操作，每个操作用逗号分隔就可以，例子如下：

	var a=1；
	使用括号用逗号分隔开多个语句       ↓
	a>5?(alert(1),alert(2)):(alert(3),alert(4))

总结 ：

         与    if   语句对比较，发现三目运算符的操作更便捷，并且   if   语句执行后发现没有返回值，应用场景不一样，而使用三目运算符恰恰又弥补了这个缺陷。