JavaScript 函数

在 JavaScript 中，函数是用于执行特定操作的可重用代码块。在处理一些可选输入后，它会产生一个可选的输出。通过使用函数，可以将大型程序分解成更小、更易于管理的组件。

函数使用 function 关键字定义，后跟函数名、用于参数的括号以及包含要执行代码的大括号。

命名函数的规则

它必须区分大小写。

它必须以字母字符 (A-Z) 或下划线符号开头。

它不能包含空格。

它不能用作保留字。

如何声明一个函数？

要声明一个函数，我们必须使用保留关键字 "function"，后跟其名称和一组参数。

语法

下面给出了声明函数的语法。

在上面的语法中，function 是一个保留关键字，"functionName" 是给函数起的名称。JavaScript 函数可以有 0 个或多个参数。

输出

Hello, Alice!

参数 (Parameters): 在函数括号中定义的变量，用于在调用函数时接收输入值。

实参 (Arguments): 在调用函数时传递给函数的实际值。

返回值 (Return values): 函数可以使用 return 关键字选择性地返回一个值，该值可用于存储函数执行的结果。

函数表达式 (Function Expressions)

在 JavaScript 中，也可以使用表达式来定义函数。函数表达式可以存储在一个变量中。

一旦函数表达式存储在变量中，该变量就可以用作函数。

输出

32

JavaScript 函数方法

让我们来看带描述的函数方法。

JavaScript 函数的类型

JavaScript 函数有多种类型，例如：

箭头函数

在 JavaScript 中，箭头函数是 ES6 中引入的一种简单的函数编写语法，它们不绑定自己的上下文。

语法

语法显示了箭头函数。

输出

Normal way  [ 5, 3, 5, 5 ]
Using arrow Function  [ 5, 3, 5, 5 ]

回调函数 (Callback Functions)

在 JavaScript 中，回调函数作为参数传递给另一个函数，并在该函数完成执行后执行。

输出

Welcome to the TpointTech.com 
 What is your name? Rohit
 Enter some amount...299
 Hello Rohit
 Your entered amount is 299

匿名函数 (Anonymous Functions)

在 JavaScript 中，匿名函数是没有名称的函数。这类函数通常用作其他函数的参数。

立即调用函数表达式 (IIFE)

IIFE 函数在定义后立即执行。IIFE 函数通常用于创建隔离的范围。

输出

Regular function
Immediately Invoked Function Expression

嵌套函数 (Nested Functions)

在 JavaScript 中，定义在其他函数内部的函数称为嵌套函数。嵌套函数可以访问其父函数的变量。

输出

16

JavaScript 函数的优点

在 JavaScript 中使用函数有许多优点。例如：

可重用性

函数允许您编写一次代码块，并在整个应用程序中多次使用它，从而节省时间和精力。

模块化

JavaScript 函数通过将相关逻辑分组到更小的单元中来帮助构建代码，从而使其更易于理解、维护和调试。

提高可读性

通过使用描述性的函数名称和分解复杂的任务，函数可以使您的代码更易于阅读和理解。

易于维护

可以在一个地方对函数进行更改或更新，而不会影响程序的其他部分，从而简化了维护过程。

调试

当发生错误时，可以将它们定位到特定的函数，从而更容易识别和修复问题。