使用退貨宣告

return 語句可以是為函式建立輸出的有用方法。如果你不知道函式將在哪個上下文中使用,則 return 語句特別有用。

//An example function that will take a string as input and return 
//the first character of the string.

function firstChar (stringIn){
    return stringIn.charAt(0);
}

現在要使用此函式,你需要將其替換為程式碼中其他位置的變數:

使用函式 result 作為另一個函式的引數:

console.log(firstChar("Hello world"));

控制檯輸出將是:

> H

return 語句結束了該函式

如果我們在開頭修改函式,我們可以證明 return 語句結束了函式。

function firstChar (stringIn){
    console.log("The first action of the first char function");
    return stringIn.charAt(0);
    console.log("The last action of the first char function");
}

像這樣執行這個函式將如下所示:

console.log(firstChar("JS"));

控制檯輸出:

> The first action of the first char function
> J

它不會在 return 語句後列印訊息,因為該函式現在已經結束。

返回多行程式碼的語句:

在 JavaScript 中,為了便於閱讀或組織,你通常可以將一行程式碼拆分為多行。這是有效的 JavaScript:

var
    name = "bob",
    age = 18;

當 JavaScript 看到像 var 這樣的不完整語句時,它會檢視下一行以完成自身。但是,如果你用 return 語句犯了同樣的錯誤,你就不會得到你所期望的。

return
    "Hi, my name is "+ name + ". " +
    "I'm "+ age + " years old.";

此程式碼將返回 undefined,因為 return 本身是 Javascript 中的完整語句,因此它不會查詢下一行來完成自己。如果你需要將 return 語句拆分成多行,在拆分之前在 return 旁邊放一個值,就像這樣。

return "Hi, my name is " + name + ". " +
    "I'm " + age + " years old.";