带变量的 JavaScript 函数调用

在 JavaScript 中，函数调用是非常常见的操作。通常情况下，我们会将函数定义成不带参数的形式，例如：

function sayHello() {
  console.log("Hello!");
}

sayHello(); // 输出 "Hello!"

然而，在实际应用中，我们经常需要将变量传递给函数，以便对数据进行处理或者操作。在 JavaScript 中，我们可以通过参数来传递变量给函数。

带参数的函数调用

下面是一个带参数的示例函数：

function greet(name) {
  console.log(`Hello, ${name}!`);
}

greet("John"); // 输出 "Hello, John!"

在此示例中，greet 函数接受一个名为 name 的参数，并将其用于输出一条问候语。

多参数函数调用

您还可以将多个变量传递给函数。例如：

function sum(a, b, c) {
  console.log(a + b + c);
}

sum(1, 2, 3); // 输出 6

在此示例中，sum 函数接受三个参数 a、b 和 c，并将它们相加输出。

立即调用带参数的函数

您可以在定义函数时立即调用它，并将值作为参数传递。例如：

(function sayHi(name) {
  console.log(`Hi, ${name}!`);
})("John"); // 输出 "Hi, John!"

在此示例中，我们首先定义了一个匿名函数 sayHi，并将其括在一对圆括号中。然后，我们立即调用该函数并将 name 的值设置为 "John"。请注意，将 sayHi 函数封装在圆括号内是必需的，这是因为 JavaScript 引擎否则将解释它为一个函数声明。

结论

在 JavaScript 中，函数调用是一种强大而灵活的工具。带参数的函数调用使我们能够传递变量并在函数内部对这些变量进行处理。无论是定义一个函数并手动调用它，还是立即调用它，都可以通过带参数的方式更有效地编写代码。