javascript函数基础详解

JavaScript 函数基础详解

JavaScript 是一门广泛应用于前端开发的编程语言。函数是 JavaScript 中最基本的组成单元之一，也是实现复杂功能和代码重用的重要手段。本文将介绍 JavaScript 函数的基础知识，包括函数定义、调用、参数、返回值等。同时还会通过示例代码来帮助读者更好地理解和学习相关知识点。

函数定义

函数是 JavaScript 中的一个代码块，可以接收输入参数并在执行完一系列操作后返回一个值。在 JavaScript 中，可以使用 function 关键字来定义一个函数。例如：

-------- ------ -- -
  ------ - - --
-

上面的代码定义了一个名为 add 的函数，它接收两个参数 a 和 b，并返回它们的和。

除了使用 function 关键字以外，还可以使用函数表达式来定义一个函数。例如：

----- -------- - ----------- -- -
  ------ - - --
--

上面的代码定义了一个名为 multiply 的函数，它接收两个参数 a 和 b，并返回它们的乘积。需要注意的是，函数表达式必须先声明变量再进行赋值。

函数调用

定义好函数以后，就可以通过函数名来调用它。调用函数时需要传入相应的参数，例如：

----- ------ - ------ ---
-------------------- -- -- -

上面的代码调用了 add 函数，并将参数 1 和 2 传入。函数执行完毕后，返回值 3 被存储在变量 result 中，最终被输出到控制台中。

参数和返回值

函数可以接收任意数量的参数，这些参数可以在函数内部使用。例如：

-------- ----------- -
  ------------------- -----------
-

--------------- -- -- ------- -------

上面的代码定义了一个名为 greet 的函数，它接收一个参数 name，并将其打印出来。

函数也可以返回一个值，以便于外部程序使用。例如：

-------- ---------------------- --------- -
  ------ ------------- -------------
-

----- -------- - ------------------- -------
---------------------- -- -- ----- ----

上面的代码定义了一个名为 getFullName 的函数，它接收两个参数 firstName 和 lastName，并将它们拼接成一个字符串返回。

匿名函数

除了普通函数以外，JavaScript 还支持匿名函数。匿名函数是没有名称的函数表达式，可以通过变量或者作为其他函数的参数来使用。例如：

----- -------- - -------------- -
  ------------------- -----------
--

------------------ -- -- ------- -------

--------------------- -
  -------------------- ----------
-- ------ -- -- - ---- -------- --------

上面的代码定义了一个名为 sayHello 的匿名函数，并将其赋值给变量。可以通过调用 sayHello 变量来使用这个函数。

另外，还展示了一种使用匿名函数作为 setTimeout 函数参数的方式。setTimeout 函数会在延迟指定时间后执行回调函数（即匿名函数），这里延迟了 1 秒钟。

箭头函数

ES6 引入了一种新的函数表达式语法——箭头函数。箭头函数是一种更加简洁的函数定义方式，可以更加方便地处理 this 指针和作用域。例如：

----- ------ - --- -- --- - --
----------------------- -- -- -

---------------------------------------------------------- ----------
-------------------------------------------------------------------------------------