函数与作用域：参数与返回值¶

在JavaScript中，函数是执行特定任务的代码块。函数可以接受输入（称为参数），并且可以返回输出（称为返回值）。理解函数参数的使用和返回值的作用是掌握JavaScript编程的关键。

1. 函数参数¶

1.1 什么是函数参数？¶

函数参数是传递给函数的值，这些值可以在函数内部使用。参数允许你向函数传递数据，从而使函数更加灵活和可重用。

1.2 如何定义带参数的函数？¶

在JavaScript中，你可以在函数定义时指定参数。参数在函数体内作为变量使用。

// 定义一个带参数的函数
function greet(name) {
    console.log("Hello, " + name + "!");
}

// 调用函数并传递参数
greet("Alice"); // 输出: Hello, Alice!
greet("Bob");   // 输出: Hello, Bob!

在上面的例子中，name是函数的参数。当我们调用greet函数时，传递的值（如"Alice"或"Bob"）会被赋值给name，然后在函数体内使用。

1.3 多个参数¶

函数可以接受多个参数，参数之间用逗号分隔。

// 定义一个带多个参数的函数
function add(a, b) {
    return a + b;
}

// 调用函数并传递多个参数
let sum = add(3, 5);
console.log(sum); // 输出: 8

在这个例子中，add函数接受两个参数a和b，并返回它们的和。

1.4 默认参数¶

在ES6中，你可以为函数参数指定默认值。如果调用函数时没有传递参数，或者传递的参数是undefined，则使用默认值。

// 定义带默认参数的函数
function greet(name = "Guest") {
    console.log("Hello, " + name + "!");
}

// 调用函数时不传递参数
greet(); // 输出: Hello, Guest!

// 调用函数时传递参数
greet("Alice"); // 输出: Hello, Alice!

在这个例子中，如果调用greet函数时不传递参数，name将使用默认值"Guest"。

2. 返回值¶

2.1 什么是返回值？¶

返回值是函数执行后返回给调用者的值。返回值可以是任何数据类型，包括数字、字符串、对象、数组等。

2.2 如何使用`return`语句？¶

在函数内部，使用return语句来返回值。return语句会立即终止函数的执行，并将指定的值返回给调用者。

// 定义一个返回值的函数
function multiply(a, b) {
    return a * b;
}

// 调用函数并获取返回值
let product = multiply(4, 7);
console.log(product); // 输出: 28

在这个例子中，multiply函数返回a和b的乘积。调用函数时，返回值被赋值给product变量。

2.3 返回多个值¶

JavaScript函数只能返回一个值。如果你需要返回多个值，可以使用数组或对象。

// 定义一个返回多个值的函数
function getDimensions() {
    let width = 10;
    let height = 20;
    return { width, height }; // 返回一个对象
}

// 调用函数并获取返回值
let dimensions = getDimensions();
console.log(dimensions.width);  // 输出: 10
console.log(dimensions.height); // 输出: 20

在这个例子中，getDimensions函数返回一个包含width和height的对象。

3. 代码示例¶

示例1：计算圆的面积¶

// 定义一个计算圆面积的函数
function calculateArea(radius) {
    return Math.PI * radius * radius;
}

// 调用函数并获取返回值
let area = calculateArea(5);
console.log("圆的面积是: " + area.toFixed(2)); // 输出: 圆的面积是: 78.54

示例2：检查数字是否为偶数¶

// 定义一个检查数字是否为偶数的函数
function isEven(number) {
    return number % 2 === 0;
}

// 调用函数并获取返回值
console.log(isEven(4)); // 输出: true
console.log(isEven(7)); // 输出: false

示例3：返回数组中最大值的函数¶

// 定义一个返回数组中最大值的函数
function findMax(arr) {
    let max = arr[0];
    for (let i = 1; i < arr.length; i++) {
        if (arr[i] > max) {
            max = arr[i];
        }
    }
    return max;
}

// 调用函数并获取返回值
let numbers = [3, 7, 2, 9, 5];
console.log("数组中的最大值是: " + findMax(numbers)); // 输出: 数组中的最大值是: 9

4. 练习题¶

练习题1：编写一个函数，接受两个数字作为参数，返回它们的乘积。¶

function multiply(a, b) {
    // 你的代码
}

console.log(multiply(3, 4)); // 应该输出: 12

练习题2：编写一个函数，接受一个字符串作为参数，返回字符串的长度。¶

function getStringLength(str) {
    // 你的代码
}

console.log(getStringLength("Hello")); // 应该输出: 5

练习题3：编写一个函数，接受一个数字数组作为参数，返回数组中所有数字的平均值。¶

function calculateAverage(arr) {
    // 你的代码
}

let numbers = [1, 2, 3, 4, 5];
console.log(calculateAverage(numbers)); // 应该输出: 3

5. 总结¶

函数参数：函数参数是传递给函数的值，允许函数接受输入并执行相应的操作。
默认参数：可以为函数参数指定默认值，以便在调用函数时未传递参数时使用。
返回值：函数可以使用return语句返回一个值，返回值可以是任何数据类型。
返回多个值：虽然JavaScript函数只能返回一个值，但可以通过返回数组或对象来模拟返回多个值。

理解函数参数和返回值的使用是编写高效、可重用代码的关键。通过练习和实际应用，你将能够更好地掌握这些概念，并在编程中灵活运用它们。