JavaScript函数参数与返回值深度解析：从基础到默认值

/**
 * 接受一个名字参数，使用字符串插值返回一个问候短语。
 * @param {string} name - 要问候的名字。
 * @returns {string} 包含名字的问候短语。
 */
function introduction(name) {
  // 使用字符串插值构建动态字符串
  return `你好，${name}！欢迎来到我们的教程。`;
}

// 调用函数并获取返回值
const greeting = introduction("张三");
console.log(greeting); // 输出: 你好，张三！欢迎来到我们的教程。

// 错误示例：使用 console.log 而非 return
function wrongIntroduction(name) {
  console.log(`你好，${name}！`); // 此函数仅在控制台打印，实际返回 undefined
}
const wrongGreeting = wrongIntroduction("李四"); // 会在控制台打印 "你好，李四！"
console.log(wrongGreeting); // 随后输出: undefined (因为 wrongIntroduction 没有明确返回任何值)

/**
 * 接受名字和语言参数，返回一个包含这些信息的短语。
 * @param {string} name - 用户的名字。
 * @param {string} language - 用户正在学习的语言。
 * @returns {string} 包含名字和语言的介绍短语。
 */
function introductionWithLanguage(name, language) {
  return `你好，${name}！你正在学习 ${language}。`;
}

// 调用函数，传入两个参数
console.log(introductionWithLanguage("李四", "JavaScript")); // 输出: 你好，李四！你正在学习 JavaScript。
console.log(introductionWithLanguage("王五", "Python"));    // 输出: 你好，王五！你正在学习 Python。

/**
 * 接受名字和可选语言参数，如果语言未提供，则默认为 'JavaScript'。
 * 默认值可以被显式传入的参数覆盖。
 * @param {string} name - 用户的名字。
 * @param {string} [language='JavaScript'] - 用户正在学习的语言，默认为 'JavaScript'。
 * @returns {string} 包含名字和语言的介绍短语。
 */
function introductionWithLanguageOptional(name, language = 'JavaScript') {
  return `你好，${name}！你正在学习 ${language}。`;
}

// 调用函数，不提供 language 参数，使用默认值
console.log(introductionWithLanguageOptional("赵六")); // 输出: 你好，赵六！你正在学习 JavaScript。

// 调用函数，显式提供 language 参数，覆盖默认值
console.log(introductionWithLanguageOptional("钱七", "TypeScript")); // 输出: 你好，钱七！你正在学习 TypeScript。

// 明确传递 undefined 也会使用默认值
console.log(introductionWithLanguageOptional("孙八", undefined)); // 输出: 你好，孙八！你正在学习 JavaScript。