1. JavaScript 函数基础：定义与参数
在javascript中，函数是一段可重复使用的代码块，用于执行特定任务。定义函数时，我们通常会指定它接受的参数，这些参数是函数执行时所需的数据。
1.1 函数的基本结构
一个JavaScript函数由function关键字、函数名、参数列表和函数体组成。参数列表定义了函数期望接收的数据，而函数体则包含了实现功能的语句。
/**
* 定义一个名为 introduction 的函数，它接受一个参数 name。
* @param {string} name - 用户的名字。
*/
function introduction(name) {
// 函数体内的逻辑
}1.2 参数传递与字符串插值
当调用函数时，我们会向其传递实际的值，这些值被称为实参，它们会映射到函数定义中的形参。为了在函数内部构建动态的字符串，JavaScript提供了模板字面量（Template Literals）和字符串插值（String Interpolation）的特性，允许我们使用反引号（`）和${}语法将变量或表达式嵌入到字符串中。
示例1：接受一个参数并返回插值字符串
以下函数introduction接受一个name参数，并使用字符串插值返回一个包含该名字的问候语。
立即学习“Java免费学习笔记（深入）”；
/**
* 根据提供的名字生成一个问候语。
* @param {string} name - 用户的名字。
* @returns {string} 包含用户名字的问候短语。
*/
function introduction(name) {
return `Hello, ${name}! Welcome to our platform.`;
}
// 示例调用
console.log(introduction("Alice")); // 输出: Hello, Alice! Welcome to our platform.2. 返回值的重要性：return 与 console.log 的区别
在编写函数时，理解return语句和console.log的区别至关重要。console.log的主要作用是将信息输出到控制台，通常用于调试或向开发者提供反馈，它不会将任何值传回给函数的调用者。而return语句则用于将函数执行的结果作为值返回给调用它的地方，使得这个值可以在程序的其他部分被进一步使用或处理。
如果一个函数没有显式地使用return语句，或者return语句后面没有跟任何值，那么它将默认返回undefined。
3. 处理多个参数
函数可以设计为接受任意数量的参数，以满足更复杂的功能需求。当函数需要多个输入来完成其任务时，只需在参数列表中列出所有必需的参数即可。
示例2：接受两个参数并返回插值字符串
以下函数introductionWithLanguage接受name和language两个参数，并返回一个结合了两者的问候语。
/**
* 根据提供的名字和语言生成一个问候语。
* @param {string} name - 用户的名字。
* @param {string} language - 偏好的语言。
* @returns {string} 包含名字和语言的问候短语。
*/
function introductionWithLanguage(name, language) {
return `Hello ${name}! We see you are interested in ${language}.`;
}
// 示例调用
console.log(introductionWithLanguage("Bob", "Python")); // 输出: Hello Bob! We see you are interested in Python.4. 默认参数：提升函数灵活性
ES6（ECMAScript 2015）引入了默认参数（Default Parameters）的特性，允许我们在函数定义时为参数指定一个默认值。这意味着如果调用函数时没有为该参数提供值，或者传入了undefined，函数将使用预设的默认值。这极大地增强了函数的灵活性和可复用性。
4.1 设置默认参数
在参数列表中，通过参数名 = 默认值的语法来设置默认参数。
4.2 覆盖默认参数
当调用函数并为设置了默认值的参数提供了具体值时，这个具体值会覆盖默认值。
示例3：带默认参数的函数
以下函数introductionWithLanguageOptional为language参数设置了默认值'JavaScript'。
/**
* 根据提供的名字和可选语言生成一个问候语。
* 如果未指定语言，默认为 JavaScript。
* @param {string} name - 用户的名字。
* @param {string} [language='JavaScript'] - 偏好的语言，默认为 'JavaScript'。
* @returns {string} 包含名字和语言的问候短语。
*/
function introductionWithLanguageOptional(name, language = 'JavaScript') {
return `Hello ${name}! Your preferred language is ${language}.`;
}
// 示例调用 - 使用默认值（未提供 language 参数）
console.log(introductionWithLanguageOptional("Charlie"));
// 输出: Hello Charlie! Your preferred language is JavaScript.
// 示例调用 - 覆盖默认值（提供了 language 参数）
console.log(introductionWithLanguageOptional("David", "TypeScript"));
// 输出: Hello David! Your preferred language is TypeScript.5. 注意事项
- return与console.log的明确区分： 再次强调，return用于将数据传回调用者以供进一步处理，而console.log仅用于在控制台显示信息。在编写功能性函数时，确保使用return返回结果。
- 参数顺序： 默认参数通常应放在非默认参数之后。虽然JavaScript语法允许默认参数出现在非默认参数之前，但这会导致调用时必须显式传递undefined来使用默认值，降低了代码的可读性和易用性。
- 代码可读性： 为函数和参数添加清晰的注释（例如使用JSDoc风格），有助于其他开发者（或未来的自己）理解函数的功能、预期参数及其返回值。
总结
掌握JavaScript函数的定义、参数传递、返回值机制以及ES6的默认参数是编写高效、可维护代码的基础。通过正确使用return语句，结合字符串插值来构建动态输出，并利用默认参数提升函数的灵活性，开发者可以创建出功能强大且易于使用的函数，从而构建出更加健壮和模块化的JavaScript应用程序。
