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