return In JavaScript

return 在網頁操作上的意義

return 敘述的第一層意義: return 最簡單的解釋就是 "返回" 的意思，在 JavaScript 中，如果我們以一行敘述當做一個指令，那當直譯器執行到 return 的敘述行時，就代表不管 return 後面還有多少指令還沒執行，一律都不予理會，立刻結束返回。

return value 的意義

return 第二層作用是放在 JavaScript 的功能函式中，除保留原有結束返回的作用外，還可以用 "return 指定數值;" 的方式對呼叫它的敘述，傳回指定的數值。譬如我們做了個比大小的功能函式如下：

/* 比較傳入參數比 5 大還是比 5 小，參數 num 是希望加以比較的數字。 */
function CompareNumber(num)
{
    /* 如果使用者輸入非數字格式則不做比較，直接返回。 */
    if (isNaN(num)) {return "輸入資料不是標準數字格式";}

    /* 先假設 CompareNumber 等於 5 */
    var result="等於";
    /* 依比較值決定傳回大於或小於字串 */
    if (!(num==5)) {result=(num>5)?"大於":"小於";}
    result="傳入數字"+result+5;
    /* 傳回比較結果 */
    return result;
}

測試範例結果請按這裡。

Script 與 HTML 標籤的執行次序

網頁的 Script 敘述，除了在獨立的 <SCRIPT> 區段外，也常常內插在 HTML 標籤中，由標籤事件來觸發執行。如：

<A HREF="聯結的網頁 URL" on事件名稱="Script 敘述 1;Script 敘述 2 ......">

這樣的標籤設定，同時規定了當標籤對應事件發生時，瀏覽器的執行動作。它的次序是由左至右，先依序執行標籤中的 Script 敘述，當所有 Script 敘述都執行完畢後，再執行 HTML 標籤的網頁預設動作。譬如：

<!-- 在執行 link 標籤載入新網頁之前，先顯示一個提示對話框。 --">
<A HREF="00250001.htm" TARGET="_blank" onclick="alert('你即將載入一份無聊網頁');">

執行結果請按這裡。

寫在 HTML 標籤裏的 return: 其實我們可以把插在 HTML 標籤裏的 Script 敘述，當做一個沒有給予名字，但專屬於該標籤的自訂函式。而在這標籤中如果出現 return 的敘述，就和一般的 JavaScript 函式一樣，有立刻結束指令執行的做用，也就是說用 ";" 字符分隔的 Script 各指令，如果出現在 return 該行敘述之後，是沒有機會執行的。在 Script 專屬區段， return value 是傳回指定值給呼叫敘述，而在HTML 標籤中， return value 是傳回指定值給該標籤物件。傳回數值給標籤元件有什麼作用呢？作用是有些標籤元件的瀏覽器預設動作，可以由 Script 敘述的傳回值而改變其預設行為，接下來我們就舉些應用的實例。

取消瀏覽器標籤的預設動作

譬如 link 標籤在滑鼠 Click 時標準的瀏覽器預設動作是開啟新網頁，但如果我們在 link 標籤中插入 "return false" 敘述，那麼 link 開新網頁的動作就會被取消，譬如：

<A HREF="00250001.htm" TARGET="_blank"
    onclick="alert('騙你的，沒有網頁會被開啟。');return false;">

執行結果請按開啟新網頁。當然，這只是為了解說方便而輕鬆一下，但可不表示這種語法很無聊，因為這在網頁導覽上有很大的作用，譬如：

<A HREF="給舊瀏覽器看的靜態網頁"
    onclick="window.open('給新瀏覽器看的動態網頁');return false;">

如果就這個 HTML Code 完整的動作來說，應該是先開 "給新瀏覽器看的動態網頁"，再開 "給舊瀏覽器看的靜態網頁" 。但因為舊瀏覽器沒有 Script 解譯能力，所以它不會去執行 onclick 後面的 Script ，而會直接開啟舊的靜態網頁。而新瀏覽器執行 window.open 指令後，碰到 "return false;" 敘述，就會向 link 標籤傳遞 false 值，link 收到 false 值後，就不會在開完新的動態網頁後，再去開舊的靜態網頁。所以就這麼簡單一行敘述，即可達成網頁條件式聯結的動作。

選擇執行標籤預設動作

第二種辦法是把要不要執行瀏覽器標籤預設動作的決定權利，交給使用者。基本原理還是使用 return value 敘述向標籤傳回數值，但卻不是直接用 return false; return true; 這種方式指定固定的常數值，而是用 "return 有回傳值函數名稱();" 的敘述插在 HTML 標籤設定中，意思就是要向標籤物件回傳什麼數值，由函數回傳值決定。譬如我們在 Internet 傳送使用者資料前，可以請使用者再確認一次：

<INPUT TYPE=SUBMIT VALUE="傳送資料"
    onclick="return confirm('你放心傳送如此密秘的資料嗎？');">

confirm 是 JavaScript 內建對話框函式，呼叫時會顯示 [確定]、[取消] 二按鈕，按確定傳回 true ，執行 SUBMIT 元件傳送表單資料動作，按取消傳回 false ，取消 SUBMIT 元件傳送表單資料。請在下面的表單中測試範例： !!請不要輸入真的資料!!

回傳值是由標籤物件自行解釋的: 前面我們舉的例子都是 return true 表示執行標籤物件預設動作，return false 表示取消標籤物件預設動作，或許你會以為這就是網頁物件的規則，那麼可就大錯特錯了。事實上回傳什麼數值是由網頁設計師決定，但怎麼解釋這個回傳值，卻是由標籤物件自己去定義的。例如有個 DHTML 上常用的小技巧，就是當滑鼠移入 link 標籤時(onmouseover)，用 window.status="顯示訊息"; 來使瀏覽器的底部狀態訊息列顯示我們自訂的訊息。我們在 [滑鼠動作 A] 的 link 標籤中插入 return false 敘述，而在 [滑鼠動作 B] 的 link 標籤中插入 return true 敘述，結果是 return true 的 [滑鼠動作 B] 成功了，return false 敘述反而失敗了。至於滑鼠移出 link 標籤時(onmouseout)，不管 return true or false ，window.status 都會依照指定的 Script 動作辦理。你現在就可以在下面兩個 link 上不要按任何鍵，單純的用滑鼠指標移入移出試試：

滑鼠動作 A 滑鼠動作 B

由此可知網頁物件如何解釋 JavaScript 的傳回值，不是由 JavaScript 統一規定的，而是由瀏覽器廠商自己在設計標籤物件時，為每個標籤物件定義了自己在收到傳回值時所採取的動作。這部份的知識，靠單純的 JavaScript 基礎是不夠的，還是要參考瀏覽器廠商對自己網頁物件的說明文件才能得到解答。

回前頁