【JavaScript】函数声明和调用

1. 函数的声明

在 JavaScript 中，函数可以通过 function 关键字进行声明。函数声明的基本结构如下：

function greet(name) {
  console.log("Hello, " + name + "!");
}

在上述例子中，greet 是函数的名称，(name) 是参数列表，函数体包含在大括号 {} 内。函数声明的关键字 function 后面可以跟随函数的名称、参数列表和函数体。

2. 函数的调用

声明函数之后，可以通过函数名和传递给函数的参数来调用它。

greet("Cheney"); // 输出：Hello, Cheney!

在上述例子中，调用 greet 函数并传递参数 “Cheney”，函数将执行并输出相应的消息。

3. 函数的返回值

函数可以返回一个值，使用 return 关键字来指定返回的值。

function add(a, b) {
  return a + b;
}

let result = add(3, 5);
console.log(result); // 输出：8

在上述例子中，add 函数接收两个参数，并返回它们的和。调用函数后，返回值被赋值给变量 result，然后输出。

4. 函数表达式

除了函数声明，还可以使用函数表达式来创建函数。函数表达式是将一个匿名函数赋值给一个变量。

let multiply = function(x, y) {
  return x * y;
};

let product = multiply(4, 6);
console.log(product); // 输出：24

在上述例子中，multiply 是一个变量，它的值是一个匿名函数，该函数接收两个参数并返回它们的乘积。

5. 箭头函数

ES6引入了箭头函数，提供了更简洁的语法。

let square = (num) => num * num;

let squaredValue = square(9);
console.log(squaredValue); // 输出：81

在上述例子中，箭头函数 square 接收一个参数，并返回它的平方。

6. 默认参数

在函数声明时，可以为参数设置默认值，使得在调用函数时，如果未传递该参数，则使用默认值。

function greet(name = "World") {
  console.log("Hello, " + name + "!");
}

greet(); // 输出：Hello, World!
greet("Cheney"); // 输出：Hello, Cheney!

在上述例子中，greet 函数的参数 name 设置了默认值为 “World”，如果调用时未传递参数，则使用默认值。

7. 总结

函数是 JavaScript 中组织和重用代码的重要手段。通过函数声明和调用，你能够将代码模块化，提高代码的可读性和维护性。了解如何声明函数、调用函数、返回值、使用函数表达式和箭头函数等概念，是成为JavaScript开发者的基础。希望通过本篇博客，你对 JavaScript 中的函数声明和调用有了更深入的理解。