当指定条件为真,if 语句会执行一段语句。如果条件为假,则执行另一段语句。

语法

if (condition)
   statement1
[else
   statement2]
condition
值为真或假的表达式
statement1
condition为真时执行的语句。可为任意语句,包括更深层的内部if语句。要执行多条语句,使用语句({ ... })将这些语句分组;若不想执行语句,则使用语句。 
statement2
如果condition为假且 else从句存在时执行的语句。可为任意语句,包括块语句和嵌套的if语句

说明

多层 if...else 语句可使用 else if 从句。注意:在 Javascript 中没有 elseif (一个单词)关键字。

if (condition1)
   statement1
else if (condition2)
   statement2
else if (condition3)
   statement3
...
else
   statementN

要看看它如何工作,可以调整下嵌套的缩进:

if (condition1)
   statement1
else
   if (condition2)
      statement2
   else
      if (condition3)
...

要在一个从句中执行多条语句,可使用语句块({ ... })。通常情况下,一直使用语句块是个好习惯,特别是在涉及嵌套if语句的代码中:

if (condition) {
   statements1
} else {
   statements2
}

不要将原始布尔值的truefalseBoolean对象的真或假混淆。任何一个值,只要它不是 undefinednull、 0NaN或空字符串(""),那么无论是任何对象,即使是值为假的Boolean对象,在条件语句中都为真。例如:

var b = new Boolean(false);
if (b) //表达式的值为true

示例

使用 if...else

if (cipher_char === from_char) {
   result = result + to_char;
   x++;
} else {
   result = result + clear_char;
}

使用 else if

注意,Javascript中没有elseif语句。但可以使用elseif中间有空格的语句:

if (x > 5) {
 /* do the right thing */
} else if (x > 50) {
 /* do the right thing */
} else {
 /* do the right thing */
}

条件表达式中的赋值运算

建议不要在条件表达式中单纯的使用赋值运算,因为粗看下赋值运算的代码很容易让人误认为是等性比较。比如,不要使用下面示例的代码:

if (x = y) {
   /* do the right thing */
}

如果你需要在条件表达式中使用赋值运算,用圆括号包裹赋值运算。例如:

if ((x = y)) {
   /* do the right thing */
}

规范

Specification Status Comment
ECMAScript Latest Draft (ECMA-262)
if statement
Draft  
ECMAScript 2015 (6th Edition, ECMA-262)
if statement
Standard  
ECMAScript 5.1 (ECMA-262)
if statement
Standard  
ECMAScript 3rd Edition (ECMA-262)
if statement
Standard  
ECMAScript 1st Edition (ECMA-262)
if statement
Standard Initial definition

浏览器兼容

Update compatibility data on GitHub
DesktopMobileServer
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidEdge MobileFirefox for AndroidOpera for AndroidSafari on iOSSamsung InternetNode.js
if...elseChrome Full support YesEdge Full support YesFirefox Full support 1IE Full support YesOpera Full support YesSafari Full support YesWebView Android Full support YesChrome Android Full support YesEdge Mobile Full support YesFirefox Android Full support 4Opera Android Full support YesSafari iOS Full support YesSamsung Internet Android Full support Yesnodejs Full support Yes

Legend

Full support  
Full support

相关链接