1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 7 <title>javascript逻辑或</title> 8 <!-- 9 逻辑或（||）个人理解： 10 前提条件： 11 -逻辑或的判定顺序：从左到右； 12 -只要遇到真就不再往下，直接返回第一个真的值； 13 -在遇到真之前，会一直往下判定，如果最后一个也是假/null/undefined/NaN，就返回最后一个假/null/undefined/NaN的值 14 1）操作数都为布尔值 15 1真/多真/全真：返回true 16 全假：返回false 17 2）操作数为多类型混合（表达式、布尔值等其他类型） 18 1真/多真/全真：返回第一个真的值 19 全假/null/undefined/NaN：返回最后一个值 20 --> 21 </head> 22 <body> 23 <script> 24 var a=1,b="2",c=0,d="abc",e="",f,g=a-d; 25 /* 逻辑或：布尔型 */ 26 console.log((a-b) || (a-abc));//-1,a-b为true,不再往下判定 27 console.log(a>10 || a<10);//true,a>10假，a<10真，1真返回true 28 /* 逻辑或：混合型 */ 29 console.log(c || a || b || d);//1,返回第一个真a=1 30 console.log(c || e || null || undefined || g);//NaN,全假返回最后一个假 31 </script> 32 </body> 33 </html>