如何用JavaScript编写函数

JavaScript函数是一块代码，由一组执行特定任务的指令组成。函数也可以看作是一段代码，可以在整个程序中一次又一次地使用，并且还避免了重写相同的代码。它还可以帮助程序员/编码人员将大型程序划分为几个小功能。

功能类型

与其他编程语言(例如c，C++和java等)一样，JavaScript中有两种类型的函数。

• 预定义功能
• 用户定义的功能

在这里，我们将学习如何使用JavaScript编写用户定义的函数：

要在JavaScript中创建函数，我们必须在写入函数名称之前使用“ 函数 “关键字，如在给定语法中所见：

创建函数的语法

Function functionname( parameters list)
{

Lines of code to be executed/set of instructions to be executed in order to perform a specific task.
}

在使用函数之前，或者可以说在程序中调用函数之前，我们必须在花括号之间定义其定义。根据您的要求，我们可以将参数列表留空，如您在上述语法中所见。

例

如何调用函数

如要在程序中使用函数时，可以通过写函数名称来调用函数，如下所示：

Hello();

我们来看一个程序，在其中创建一个函数并在程序中使用它。

在上述程序中，我们创建了一个名为“ myfirstFunction”的函数，并在该函数的定义中使用document.write()显示了一条消息“这只是一个简单的用户定义函数”；函数。要print该消息，我们首先需要调用您在程序中看到的函数。

输出量

要在脚本中的其他位置调用该函数，我们只需要编写其名称即可，如在给定示例中所见：

例

Click the given button to call the function

输出量

现在点击给定的按钮

带参数的功能

我们在程序中使用的函数没有参数(或者可以少说参数)，因为我们没有在参数列表中给出任何参数并将其留空。但是我们也可以将参数与函数一起使用，并且我们可以在函数使用任意数量的参数，但是它们必须用逗号分隔。这些参数由函数捕获，以后可以在函数内部对这些参数执行任何操作。

使用参数创建函数的语法

functionfunctionname( parameter1,parameter2,....parameterN)
{

Lines of code to be executed/set of instructions to be executed in order to perform a specific task.
}

通过一个示例，我们可以了解如何更轻松地将参数与函数一起使用：

程序

Click the following button to call the function

在此程序中，我们创建了一个名为“ sayHello()”的函数，该函数具有三个参数：名称，年龄和性别，并在HTML文档的开头部分对其进行了定义。要使用此函数，我们还使用程序主体部分中的form标记创建了一个按钮，并将值作为参数传递。当用户单击该按钮时，我们的函数被调用并执行。

输出量

现在单击给定的按钮。

具有return语句的功能

在JavaScript中，我们可以创建能够返回值的函数。要创建这样类型的函数，我们不得不使用return语句，但必须是在函数(或函数的定义)的正文中的最后一条语句。要记住的另一件重要事情是，我们只能在一个函数使用一个return语句。如果我们尝试在一个函数使用多个return语句，则仅考虑一个return语句，程序的控件首先将其到达。

函数与return语句的语法

Function functionname(arg1, arg2)

{

  Set of instructions to be executed

return val1;

}

借助示例，我们可以了解如何在函数使用return语句：

例

Click the following button to see the function in action

程序说明

在此程序中，我们创建了两个函数：Combinestring(string1，string2)，secondFunction()，并在HTML文档的开头部分定义了它们的定义。

功能1

在“combineString(字符串1，字符串)”的身体函数，我们创建了名称的变量“completestring”字符串存储两个字符串结合之后。为了返回存储在该变量中的值，我们使用了return语句，如您在程序中所见。

功能2

在secondfunction()的主体中，我们创建了一个“结果”变量。我们已经将第一个函数称为“ completeString(string1，string2)”。当调用“ secondfunction()”时，还将调用“ completeString(string1，string2)”，并且此函数的结果存储在变量“ result”中。

完成“ completeString(string1，string2)函数的执行后，返回的值/数据将存储在” result“变量中，并存储在” secondfucntion()“函数的主体中，我们已经显示了存储在变量中的值通过使用document.write()语句获得“结果”。

为了调用“ secondfunction()”，我们使用表单标签为用户创建了一个按钮。当用户单击该按钮时，将触发我们的secondfucntion()。

注意：如您在程序中所见，我们已将“ return”语句用作“ completeString(string1，string2)函数主体中的最后一条指令。

输出量

单击给定的按钮。