1. JavaScript函数基础：定义、参数与返回值
在javascript中，函数是执行特定任务的代码块。理解如何正确定义函数、传递参数以及处理返回值是编写可维护代码的关键。
1.1 函数的定义与参数传递
函数通过function关键字定义，可以接受零个或多个参数。参数是函数内部可用的局部变量，用于接收外部传入的数据。
// 定义一个不带参数的函数
function greet() {
console.log("Hello!");
}
// 定义一个带一个参数的函数
function sayHelloTo(firstName) {
// firstName 是一个参数
console.log(`Hello, ${firstName}!`);
}
// 定义一个带两个参数的函数
function logTwoValues(value1, value2) {
// value1 和 value2 是参数
console.log(`The two values are ${value1} and ${value2}.`);
}
// 调用函数并传递参数
greet(); // 输出: Hello!
sayHelloTo("Alice"); // 输出: Hello, Alice!
logTwoValues("apple", "banana"); // 输出: The two values are apple and banana.1.2 console.log() 与 return 的区别
初学者常混淆console.log()和return语句。console.log()用于在控制台输出信息，主要用于调试或向用户展示信息，它不会中断函数执行，也不会将值传递给调用者。而return语句则用于指定函数执行完毕后返回给调用者的值，并终止函数的执行。
错误示例（仅使用 console.log）：
function sayHelloTo(firstName) {
console.log(`Hello, ${firstName}!`); // 仅打印，不返回
}
let greeting = sayHelloTo("Bob");
console.log(greeting); // 输出: Hello, Bob! (来自函数内部的console.log)
// undefined (因为函数没有明确返回值)正确示例（使用 return）：
立即学习“Java免费学习笔记（深入）”；
function sayHelloTo(firstName) {
return `Hello, ${firstName}!`; // 返回一个字符串
}
function logTwoValues(value1, value2) {
return `The two values are ${value1} and ${value2}.`; // 返回一个字符串
}
// 调用函数并将返回值赋给变量
let greeting = sayHelloTo("Stack overflow");
console.log(greeting); // 输出: Hello, Stack overflow!
let valuesPhrase = logTwoValues("Hello", "world");
console.log(valuesPhrase); // 输出: The two values are Hello and world.核心要点： 当函数需要产生一个供其他部分代码使用或处理的结果时，必须使用return语句。如果函数没有明确的return语句，它将隐式返回undefined。
2. 字符串插值与模板字面量
在JavaScript中，模板字面量（Template Literals）提供了一种更简洁、可读性更强的方式来创建包含变量或表达式的字符串，即字符串插值。它使用反引号（）而非单引号或双引号，并通过${}`语法将变量或表达式嵌入到字符串中。
2.1 实现 introduction(name)
根据要求，introduction(name)函数应接受一个名字参数，并使用字符串插值返回一个包含该名字的短语。
/**
* 根据传入的名字生成一个介绍短语。
* @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.3. 多参数函数与组合使用
函数可以接受任意数量的参数。当需要根据多个输入生成复杂输出时，多参数函数结合字符串插值非常有用。
3.1 实现 introductionWithLanguage(name, language)
此函数需要接受名字和语言两个参数，并返回一个包含这两个信息的短语。
/**
* 根据传入的名字和学习语言生成一个介绍短语。
* @param {string} name - 用户的名字。
* @param {string} language - 用户正在学习的语言。
* @returns {string} 包含名字和语言的介绍短语。
*/
function introductionWithLanguage(name, language) {
return `Hello, ${name}! You are currently learning ${language}.`;
}
// 示例调用
console.log(introductionWithLanguage("Bob", "JavaScript")); // 输出: Hello, Bob! You are currently learning JavaScript.
console.log(introductionWithLanguage("Carol", "Python")); // 输出: Hello, Carol! You are currently learning Python.4. 函数参数的默认值与覆盖
ES6引入了默认参数（Default Parameters），允许在函数定义时为参数指定一个默认值。如果调用函数时没有为该参数提供值（或提供了undefined），则会使用默认值；否则，传入的值将覆盖默认值。
4.1 实现 introductionWithLanguageOptional(name, language)
此函数应接受名字和语言参数，其中language参数的默认值为JavaScript。同时，它也需要支持通过传入参数来覆盖这个默认值。
/**
* 根据传入的名字和可选的语言生成一个介绍短语。
* 如果未指定语言，则默认为'JavaScript'。
* @param {string} name - 用户的名字。
* @param {string} [language='JavaScript'] - 用户正在学习的语言，默认为'JavaScript'。
* @returns {string} 包含名字和语言的介绍短语。
*/
function introductionWithLanguageOptional(name, language = 'JavaScript') {
return `Hello, ${name}! You are currently learning ${language}.`;
}
// 示例调用：使用默认值
console.log(introductionWithLanguageOptional("David")); // 输出: Hello, David! You are currently learning JavaScript.
// 示例调用：覆盖默认值
console.log(introductionWithLanguageOptional("Eve", "TypeScript")); // 输出: Hello, Eve! You are currently learning TypeScript.
console.log(introductionWithLanguageOptional("Frank", "Java")); // 输出: Hello, Frank! You are currently learning Java.通过在参数后使用= defaultValue语法，我们轻松实现了参数的默认值设置，这极大地提高了函数的灵活性和易用性。
5. 总结与最佳实践
- 明确函数职责：每个函数应只做一件事，并做好它。
- 理解 return 的重要性：当函数需要提供一个结果供外部使用时，务必使用return语句。console.log()仅用于输出，不产生返回值。
- 善用字符串插值：模板字面量（反引号 ` 和${}`）是构建动态字符串的强大工具，能显著提升代码的可读性。
- 利用默认参数：为可选参数设置默认值可以简化函数调用，并使函数更具弹性。
- 命名规范：函数名和参数名应清晰、描述性强，遵循驼峰命名法（camelCase）。
- 代码可读性：保持代码整洁，适当的注释和格式化有助于团队协作和未来的维护。
通过掌握这些核心概念和实践，开发者可以编写出更健壮、更灵活、更易于理解和维护的JavaScript函数。
