From 218934fa2ed1c702a6d3923d2aa2cc6b43c48684 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:43:23 -0500 Subject: initial commit --- .../reference/statements/if...else/index.html | 169 +++++++++++++++++++++ 1 file changed, 169 insertions(+) create mode 100644 files/zh-tw/web/javascript/reference/statements/if...else/index.html (limited to 'files/zh-tw/web/javascript/reference/statements/if...else') diff --git a/files/zh-tw/web/javascript/reference/statements/if...else/index.html b/files/zh-tw/web/javascript/reference/statements/if...else/index.html new file mode 100644 index 0000000000..a9317aa8a6 --- /dev/null +++ b/files/zh-tw/web/javascript/reference/statements/if...else/index.html @@ -0,0 +1,169 @@ +--- +title: if...else +slug: Web/JavaScript/Reference/Statements/if...else +translation_of: Web/JavaScript/Reference/Statements/if...else +--- +
{{jsSidebar("Statements")}}
+ +

當條件成立的時候會執行 if 陳述式裡的程式，而不成立時則執行另外一個陳述式。

+ +
{{EmbedInteractiveExample("pages/js/statement-ifelse.html")}}
+ + + +

語法

+ +
if (條件式)
+   statement1
+[else
+   statement2]
+
+ +
+
條件式
+
一個成立或不成立的運算式。
+
+ +
+
第一個陳述式(statement1)
+
如果if中的條件(conditions)為真時執行陳述式(statements)。陳述式可以為任何內容，包含巢狀式(nested)的if陳述。當要執行多行的陳述式(statements)時，使用區塊(block)將所要執行的陳述式包覆。如果不需要執行任何動作時，則不撰寫任何陳述式(empty statement)。
+
第二個陳述式(statement2)
+
+ +
+
當件不成立時所執行的部份，當else被撰寫時才會被執行。可以是任何的陳述式，包含使用區塊(block)及巢狀(nested)的陳述。
+
+
+ +

描述

+ +

多重的 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
+}
+
+ +

不要被Boolean物件中，布林值的 true 和 false 給混淆了。任何值只要不是 false、 undefined、 null、 0、 NaN，或者空字串 ("")，並且任何物件，包括其值是 false的布林物件 ，仍然會被條件陳述式視為條件成立。舉例而言：

+ +
var b = new Boolean(false);
+if (b) // this condition is truthy
+
+ +

實例

+ +

使用 if...else

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

使用 else if

+ +

要記得JavaScript沒有 elseif 可以使用。不過，你可以使用 else 和 if中間夾著空白的語法：

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

條件表達式中的賦值

+ +

建議不要在條件表達式中直接對物件賦值，因為這會使人在瀏覽程式碼時很容易將賦值( assignment )與相等( equality )混淆。舉例而言，不要使用以下寫法：

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

如果你必須在條件表達式中使用賦值，最好ˇ的作法是以額外的括號包住賦值語句，如下所示：

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

規範

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
SpecificationStatusComment
{{SpecName('ESDraft', '#sec-if-statement', 'if statement')}}{{Spec2('ESDraft')}}
{{SpecName('ES6', '#sec-if-statement', 'if statement')}}{{Spec2('ES6')}}
{{SpecName('ES5.1', '#sec-12.5', 'if statement')}}{{Spec2('ES5.1')}}
{{SpecName('ES3', '#sec-12.5', 'if statement')}}{{Spec2('ES3')}}
{{SpecName('ES1', '#sec-12.5', 'if statement')}}{{Spec2('ES1')}}Initial definition
+ +

瀏覽器相容性

+ + + +

{{Compat("javascript.statements.if_else")}}

+ +

參見

+ + -- cgit v1.2.3-54-g00ecf