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

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

花韻仙語

发布： 2025-08-24 15:34:11

原创

369人浏览过

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

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

字符串插值

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

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

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

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

登录后复制

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

立即学习“Java免费学习笔记（深入）”；

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

怪兽AI数字人

数字人短视频创作，数字人直播，实时驱动数字人

查看详情

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 两个参数，并将它们都嵌入到返回的字符串中。

默认参数

在 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 参数，则将使用提供的值。