函数和方法

什么是函数？

函数是为执行特定任务而设计的可重用代码块。它们有助于开发人员避免重复逻辑、集中操作并创建更易于维护的代码。函数可以在需要时随时调用，从而实现代码重用和模块化。

来源： 2-js-basics/2-functions-methods/README.md17-22

函数语法和结构

在JavaScript中，函数包括：

function 关键字
函数名（应具有描述性）
参数（可选）
函数体（代码块）
Return 语句（可选）

基本函数声明

调用函数

必须调用（或执行）函数才能执行其代码块。这是通过函数名后跟括号来完成的

来源： 2-js-basics/2-functions-methods/README.md23-48

函数参数

为了使函数更具通用性，您可以通过参数向函数传递信息。参数充当函数内的变量，可用于操作数据或执行计算。

默认参数

参数可以具有默认值，当未提供参数时将使用这些默认值

来源： 2-js-basics/2-functions-methods/README.md58-104

返回值

函数可以返回值供您代码的其他部分使用。这使用return关键字完成

示例

来源： 2-js-basics/2-functions-methods/README.md106-133

函数作为参数

函数可以作为参数传递给其他函数，从而实现更灵活的代码。这通常用于异步操作，我们需要定义操作完成后会发生什么。

来源： 2-js-basics/2-functions-methods/README.md134-147

匿名函数

我们可以在创建命名函数时直接定义函数，而不是创建单独的命名函数。这些被称为匿名函数

来源： 2-js-basics/2-functions-methods/README.md148-161

箭头函数

箭头函数通过使用=>运算符提供了更简洁的函数编写语法

来源： 2-js-basics/2-functions-methods/README.md162-175

函数与方法的区别

功能	方法
独立的代码块	附加到对象的函数
直接按名称调用	使用对象表示法调用
`greet()`	`console.log()`

方法只是附加到对象的函数。当函数是对象的属性时，它被称为方法。调用它们的方式不同

函数：functionName()
方法：objectName.methodName()

来源： 2-js-basics/2-functions-methods/README.md45-48

函数最佳实践

为了代码的可维护性，在创建函数时请遵循以下最佳实践

使用描述性名称，清晰地表明函数的作用
在函数名中使用驼峰式命名法（例如，calculateTotalPrice）
保持函数专注于一个特定任务（单一职责）
限制参数数量以保持简单性
用注释记录复杂逻辑

来源： 2-js-basics/2-functions-methods/README.md50-57

实践应用：事件处理程序

函数通常用作Web应用程序中的事件处理程序。打字游戏示例展示了函数如何用于处理用户交互

这种模式允许代码响应用户操作（如单击按钮或在文本框中键入）而执行。

来源： 4-typing-game/typing-game/README.md4

函数作用域和闭包

JavaScript 函数创建自己的作用域，这意味着在函数内部定义的变量无法从外部访问。闭包发生在函数定义在另一个函数内部，并且可以访问其父函数的变量时。

闭包示例（来自 Terrarium 项目）

闭包对于创建私有变量和在函数调用之间保持状态的函数非常强大。

来源： 3-terrarium/3-intro-to-DOM-and-closures/README.md72-108

选择函数类型

何时使用每种类型的函数

函数类型	何时使用
命名函数	当函数将在多个地方使用时
匿名函数	当函数仅使用一次时，通常作为参数
箭头函数	当您想要更简洁的语法时，特别是对于简短的函数

来源： 2-js-basics/2-functions-methods/README.md176-180

结论

函数和方法是JavaScript编程的基本构建块。它们能够实现代码重用、提高可读性，并支持模块化应用程序设计。理解创建和使用函数的不同方法，能够为JavaScript应用程序开启强大的编程模式。