（JavaScript 函数）=> {让我们学习}；

介绍

函数声明

参数和参数

默认参数

返回

函数类型

函数表达式

由 Mux 主办的 DEV 全球展示挑战赛：展示你的项目！

在复习 JavaScript 和其他语言/框架的基础知识时，我会撰写一些短文来帮助你记住基础知识。在本文中，我们将探讨 JavaScript 函数，包括如何调用它们以及它们的用途。

介绍

JavaScript 本身就很难理解，我一开始竟然试图记住所有内容！——但我很快发现这根本不可能，于是决定专注于记住关键点。
如果你看到我的桌子，你会发现上面贴满了数百张便签，上面写着各种要点。如果你觉得这看起来很乱，我可以向你保证，它们都根据语言或框架进行了颜色编码。
这些便签是我用来撰写教程文章的，希望它们也能帮助你开启 Web 开发之旅。

那么，我们开始吧！

JavaScript 函数的定义

JavaScript 函数被定义为一段可以重用的代码块，这段代码将一组语句组合在一起，执行特定的任务。

函数声明

当然，在 JavaScript 中创建函数的方法有很多，但一种简单的方法create a function是使用函数声明。你可能在学习 JavaScript 之初就已经了解或至少听说过变量声明，以及 `$` Var、`$`Let和`$`Const关键字，以及它们如何将值“附加”到变量名上。
在这种情况下，函数声明会将值附加到函数或对象上identifier。

函数声明包含 3 个部分：

• Function关键字​
• 函数名称或标识符——后面应跟括号。
• 函数体，或者说语句块——这是执行任务所必需的（正如开头提到的！）——应该用花括号括起来。

下面我提供了一个示例来向您展示函数声明，在这个代码片段中，您可以看到：

• 一个名为 function 的关键字 - (红色)
• 函数名称/标识符 - （粉色）
• 函数体 - （绿/黄）

调用函数

在上面的例子中，你可以看到函数声明已经将该函数分配给了一个标识符。如果你将上面的代码输入到控制台并运行，你会发现消息不会显示在控制台上。

不妨亲自尝试一下：

function sayHello() {
console.log("Hello Everyone!");
}

你可能想知道为什么？这是因为函数声明并不要求代码运行——它只是告诉我们函数存在。函数只有在我们调用
它之后 才会执行。

为此，我们输入函数名或标识符，后跟括号。此函数调用会执行花括号内的函数体/语句。函数可以根据需要多次调用。

请看下面的示例，像这样调用函数，现在控制台会显示消息“大家好！”： 现在你自己试试，看看控制台会输出什么：

sayHello();

参数和参数

我们之前创建的函数无需任何输入即可执行任务，但有些函数可以接收输入并利用这些输入来执行任务。
声明函数时，我们可以指定参数parameters。
这些参数允许函数接收输入，然后根据这些输入执行任务。
我们将参数用作输入/信息的“占位符”，这些信息将在函数被调用时传递回函数。

以下是参数示例：

参数位于括号内，分别声明为“Width”和“Height”。但在函数体内部，它们只是普通的变量。目前，“width”和“height”参数充当给定值的占位符，这些值随后会被相乘。

当我们想要调用一个包含参数的函数时，我们必须首先在函数名后面的括号内指定一个值，当值传递给函数时，这些值就会被调用arguments。

参数可以作为变量或值传递给函数。我已对以下代码片段进行了分解——希望这样更容易理解。

默认参数

ES6（JavaScript 的一次重大更新，提供了许多新特性，主要侧重于简洁性和可读性！）新增的一项特性是可以使用default parameters`--` 参数。这允许我们之前学习过的参数拥有一个预先确定的值。当函数没有接收参数或undefined调用时函数返回值为空时，可以使用此特性。请参见以下示例：

通过使用，default parameters我们考虑到了当函数需要参数但未收到参数时的情况。

返回

当我们调用函数时，计算机将运行该函数的代码，然后将结果相加，并返回该值。undefined以下示例展示了如何获取return输出：

使用return关键字，我们现在可以捕获输出，这样就不会返回undefined错误。

要从函数调用中传递此信息，我们需要使用 return 语句，使用上面提到的 return 关键字，后面跟上我们要返回的值。

函数类型

我们可以使用三种类型的函数，它们分别是：

• 辅助函数-

函数内部函数的返回值称为函数内部函数helper functions，这是因为函数可以在另一个函数内部被调用，从而使代码更容易查看，并在需要时最终进行调试。

• 箭头函数-

在 JavaScript (ES6) 更新期间，引入了一种更简洁的函数编写方式——这些函数被称为 ` Arrow functions=>` fat arrow。这使得在创建新函数时无需使用 `function` 关键字，而是将参数包含在括号内，并添加一个指向函数体的箭头 `=>`，函数体被包裹在花括号中。

• 简洁的正文箭头功能-

有几种方法可以改变箭头函数的语法——这是我们可以使用的箭头函数之一。有关详细说明，请参阅此处的文档。

箭头函数

函数表达式

定义函数的另一种方法是使用function expression- 为此，我们需要在表达式内部定义一个函数，function keyword在这种类型的表达式中，我们使用 - 标识符通常缺失 - 这被称为anonymous function- 表达式通常存储在变量中，以便我们可以引用它。

• 要声明一个function expression变量，我们需要声明一个变量，使该变量的名称成为你的函数的名称。我们通常会使用const关键字来声明变量，因为该值不太可能改变。

• anonymous function使用函数关键字加上括号、参数和一组花括号来赋值给变量，我们知道花括号包含了函数体。

• 要运行该表达式，我们只需写出存储该函数的变量名，后跟括号，将传递给该函数的任何参数括起来即可。

请看以下示例：

更多文档请参见此处：

函数表达式的

如果你读到这里，太棒了！非常感谢你抽出时间阅读我的文章！