JavaScript 函数编写：字符串插值与默认参数详解-js教程-PHP中文网

javascript 函数编写：字符串插值与默认参数详解

本文旨在帮助开发者掌握 JavaScript 中函数编写的基本技巧，重点讲解如何使用字符串插值以及如何定义带有默认参数的函数。通过具体示例，我们将演示如何创建能够接收不同数量参数并返回特定格式字符串的函数，从而提升代码的灵活性和可读性。

字符串插值

字符串插值是一种在字符串中嵌入变量值的便捷方法。在 JavaScript 中，可以使用反引号 () 定义模板字符串，并使用${}` 语法将变量或表达式嵌入其中。

示例 1: 简单的字符串插值

function introduction(name) {
  return `Hello, my name is ${name}.`;
}

console.log(introduction("Alice")); // 输出: Hello, my name is Alice.

在这个例子中，introduction 函数接收一个 name 参数，并使用字符串插值创建一个包含该名称的问候语字符串。

示例 2: 包含多个变量的字符串插值

function introductionWithLanguage(name, language) {
  return `Hello, my name is ${name} and I speak ${language}.`;
}

console.log(introductionWithLanguage("Bob", "Spanish")); // 输出: Hello, my name is Bob and I speak Spanish.

introductionWithLanguage 函数接收 name 和 language 两个参数，并将它们都嵌入到返回的字符串中。

If Book Could Speak

输入书名+作者，一键生成3分钟第一人称书籍自述视频：书以拟人化口吻自述，配AI扁平卡通插图、TTS配音、逐句字幕动画、画板背景+抠图叠加、BGM+转场音效，最终合成MP4。触发词：假如书籍会说话、书籍会说话、书会说话、if book could speak、做读书视频。跨平台兼容。

下载

默认参数

在 JavaScript 中，可以为函数的参数设置默认值。如果在调用函数时没有提供该参数的值，则将使用默认值。

示例 3: 带有默认参数的函数

function introductionWithLanguageOptional(name, language = "JavaScript") {
  return `Hello, my name is ${name} and I speak ${language}.`;
}

console.log(introductionWithLanguageOptional("Charlie")); // 输出: Hello, my name is Charlie and I speak JavaScript.
console.log(introductionWithLanguageOptional("David", "Python")); // 输出: Hello, my name is David and I speak Python.

在这个例子中，introductionWithLanguageOptional 函数的 language 参数有一个默认值 "JavaScript"。如果在调用函数时只提供了 name 参数，则 language 将默认为 "JavaScript"。如果提供了 language 参数，则将使用提供的值。