JavaScript 中函式的返回值

Shraddha Paghdar 2023年10月12日
JavaScript 中函式的返回值

JavaScript 函式是執行這一系列步驟的基本構建塊之一。這些功能就像過程。

執行任務的函式內部提供了一組指令。唯一的區別是該函式需要輸入引數並且必須向呼叫者函式返回一些東西。要使用一個函式,你需要在你想呼叫它的範圍內的某個地方定義它。

本文將展示如何從 JavaScript 函式返回值。

從 JavaScript 函式返回值

函式定義由 function 關鍵字組成。函式定義也稱為函式語句或函式宣告。緊隨其後的是:

  1. 函式的名稱。該函式名稱對於檔案應該是唯一的。
  2. 函式輸入引數列表。這些引數用括號括起來並用逗號分隔。
  3. 函式的內容括在大括號 , {…} 中。

語法:

ES6 之前

function fnName(params) {
  /* perform actions on params */
  return value;
}

ES6 之後

param => expression

ES6 標準支援箭頭函式,它不需要在定義函式之前定義函式關鍵字,返回值,並將程式碼括在大括號內。有關 ES6 函式的更多資訊,請閱讀 箭頭函式 方法的文件。

該函式可以返回任何內容,例如陣列、文字物件、字串、整數、布林值或你建立的封裝返回值的自定義型別的物件。你可以將任何東西傳遞給函式,如陣列、文字物件或自定義物件,以轉換值的方法。

函式可以宣告為表示式。該函式稱為匿名函式。

匿名 函式沒有任何函式名稱。需要呼叫函式來執行函式內部的步驟。

有關更多資訊,請閱讀 Functions 方法的文件。

物件示例:

function osObject() {
  const returnedObject = {};
  for (let i = 0; i < arguments.length; ++i) {
    returnedObject['os' + i] = arguments[i];
  }
  return returnedObject;
}

const returnValue = osObject('Linux', 'MacOS', 'Windows', 'Ubuntu');
console.log(returnValue);

在上面的程式碼示例中,我們建立了函式 osObject,它接受輸入引數並返回帶有輸入值的物件。return 關鍵字表示該函式正在向呼叫者返回一些東西。

在我們的示例中,我們將返回 osObject。上面程式碼的輸出看起來像這樣:

輸出:

{
  os0: "Linux",
  os1: "MacOS",
  os2: "Windows",
  os3: "Ubuntu"
}

陣列示例:

function osArray() {
  const returnedArray = [];
  for (let i = 0; i < arguments.length; ++i) {
    returnedArray.push(arguments[i]);
  }
  return returnedArray;
}

const returnValue = osArray('Linux', 'MacOS', 'Windows', 'Ubuntu');
console.log(returnValue);

在上面的程式碼示例中,我們建立了函式 osArray,它接受 arguments 中的輸入引數並返回帶有輸入值的陣列。return 關鍵字表示該函式正在向呼叫者返回一些東西。

在我們的示例中,我們將返回 osArray。上面程式碼的輸出看起來像這樣:

輸出:

["Linux", "MacOS", "Windows", "Ubuntu"]
Shraddha Paghdar avatar Shraddha Paghdar avatar

Shraddha is a JavaScript nerd that utilises it for everything from experimenting to assisting individuals and businesses with day-to-day operations and business growth. She is a writer, chef, and computer programmer. As a senior MEAN/MERN stack developer and project manager with more than 4 years of experience in this sector, she now handles multiple projects. She has been producing technical writing for at least a year and a half. She enjoys coming up with fresh, innovative ideas.

LinkedIn

相關文章 - JavaScript Function