JavaScript函数基础教程：定义、调用与参数详解

JavaScript函数基础概念

函数是一组可重用的代码块，可在程序的任意位置被调用。这种机制避免了重复编写相同代码的麻烦，有助于程序员构建模块化的程序结构，将大型项目拆分为更小且易于管理的功能单元。

与其他高级编程语言类似，JavaScript提供了编写模块化代码所需的所有函数特性。

在前面的章节中，你可能已经接触过 alert() 和 write() 等功能。尽管我们反复使用这些功能，但它们仅在JavaScript核心库中定义了一次。

函数定义与语法

JavaScript允许开发者自定义函数，本节将介绍如何在JavaScript中编写自己的函数。 函数定义：

既然之前已经使用过函数，现在需要了解如何定义一个函数。在JavaScript中，定义函数最常用的方法是通过使用function关键字，随后跟随唯一的函数名、参数列表（可以为空），以及由大括号包围的语句块。基本语法如下所示：

<script type="text/javascript">
<!--
function functionname(parameter-list)
{
 statements
}
//-->
</script>

实例 :

一个简单的函数，它不带任何参数称为sayHello，在这里定义：

<script type="text/javascript">
<!--
function sayHello()
{
  alert("Hello there");
}
//-->
</script>

函数调用方法

调用一个函数：

在脚本中调用函数，需要简单如下编写函数的名称：

<script type="text/javascript">
<!--
sayHello();
//-->
</script>

函数参数处理

函数参数：

到目前为止，我们已经看到了不带参数的函数。但是，JavaScript提供了在调用函数时传递不同参数的功能。通过这些参数可以在函数内部捕获并处理任何可以通过这些参数来完成的任务。

函数可以用逗号分隔的多个参数。 实例:

让我们做一些修改 sayHello 函数。这一次，它会使用两个参数：

<script type="text/javascript">
<!--
function sayHello(name, age)
{
  alert( name + " is " + age + " years old.");
}
//-->
</script>

注：我们使用+运算符来连接字符串和数字都在一起。 JavaScript不介意数字加上字符串。

现在，我们可以调用这个函数如下：

<script type="text/javascript">
<!--
sayHello('Zara', 7 );
//-->
</script>

使用return语句返回值

return 语句:

一个 JavaScript 函数可以有一个可选的return语句。如果你想从一个函数返回一个值这是必需的。这条语句应该是函数的最后一条语句。

例如，可以通过传递两个数字参数到函数，那么可以从函数希望返回在调用程序乘法值。 例子：

这个函数有两个参数，将其连接在调用程序返回合成：

<script type="text/javascript">
<!--
function concatenate(first, last)
{
  var full;

  full = first + last;
  return full;
}
//-->
</script>

现在，我们可以调用这个函数如下：

<script type="text/javascript">
<!--
  var result;
  result = concatenate('Zara', 'Ali');
  alert(result );
//-->
</script>