JavaScript函数

函数是返回值的自包含代码段。您可以使用 JavaScript 的内置函数，也可以创建自己的函数。

函数（也称为方法）是一段独立的代码，它执行特定的“函数”，然后返回一个值。您可以通过格式识别函数——它是一段描述性文本，后跟左括号和右括号。

像这样：

函数显示 欢迎消息（）{
​
    ...代码 在 这里...
​
}
进入函数的代码可以根据您的需要简单或复杂。

无论函数内部代码的复杂程度如何，当您调用该函数时，您都不需要了解内部代码的任何内容。您只需要知道函数的名称，以及您可能需要提供的任何参数。

以 JavaScript 的内置alert()函数为例。您可以在不知道函数是如何编写的情况下从代码中调用该函数。您只需要知道该函数的作用以及如何调用它。

参数和参数
有时，函数定义的括号之间会有文本。该文本称为参数。参数指定应为函数提供一个值。例如，一个参数可能被调用FirstName，它表明调用者应该向函数提供名字的值（即最终用户的名字）。

所以我们可以修改上面的例子来包含一个参数：

功能显示 欢迎消息（名字）{
​
    ...代码 在 这里...
​
}
一种说法是指传递给函数在运行时的实际价值。根据调用函数的上下文，此信息可能会有所不同。例如，Homer可以作为参数传递给具有参数的函数FirstName。

参数可能非常方便，例如允许您的用户提供传递给要处理的函数的信息（例如通过表单）。例如，您的用户可以在表单中输入他们的姓名，该功能将采用该姓名，进行一些处理，然后向他们显示包含他们姓名的个性化消息。

一个函数在被调用之前实际上不会做任何事情。一旦它被调用，它接受任何参数，然后执行它的功能（无论是什么）。

所以我们可以这样调用上面的函数：

displayWelcomeMessage ( '荷马' );
用 JavaScript 编写函数
这是 JavaScript 函数的示例。

1.编写函数
您需要做的第一件事是编写函数：

<脚本>
    功能 displayMessage（的firstName）{
        alert ( "Hello "  +  firstName  +  "，希望你喜欢 JavaScript 函数！" );
    }
</脚本>

2.调用函数
编写函数后，您可以从 HTML 代码中调用该函数。在这里，当用户单击按钮时，它会运行该功能。在这种情况下，我们使用onclick事件处理程序来调用函数。

<形式>
  名：
  <输入 类型= “输入” 名称= “你的名字” >
  <输入
  类型= “按钮”
  onclick = "displayMessage(form.yourName.value);"
  值= "显示消息" >
</表单>

所以两者结合起来应该像这样：

代码说明
功能
1.我们从使用function关键字开始。

这告诉浏览器即将定义一个函数。

2.然后我们给这个函数取了一个名字，所以我们自己起了个名字叫displayMessage.

我们指定了firstName将传递给此函数的参数 ( )的名称。

3.在函数名之后是一个大括号{。

这将打开该功能。后面还有一个结束括号，用于关闭该功能。

4.在大括号之间，我们为该函数编写了所有代码。

在这种情况下，我们使用 JavaScript 的内置alert()函数为用户弹出消息。

调用函数
1.我们创建了一个带有输入字段和提交按钮的 HTML 表单。

2.我们yourName为输入字段分配了一个名称 ( )。

3.我们向onclick按钮添加了事件处理程序。

当用户单击按钮时调用此事件处理程序（稍后将详细介绍事件处理程序）。这是我们调用 JavaScript 函数的地方。我们将表单输入字段中的值传递给它。我们可以使用 来引用这个值form.yourName.value。