javascript的函数第2/3页

让我们来详细讲解“JavaScript的函数第2/3页”的完整攻略。

函数的声明

函数是 JavaScript 中的重要组成部分，它可以使我们编写可重用的代码。在 JavaScript 中，函数有两种声明方式：函数声明和函数表达式。

函数声明

函数声明是最常用和最熟悉的方式。它使用 function 关键字来定义一个函数，并给它取一个名称。语法如下：

function 函数名(参数1, 参数2, …, 参数n) {
    // 函数体
}

其中，函数名称为必需项，参数可以有零到多个，以逗号分隔。当函数被调用时，实参（函数调用时传递的参数）会替换参数列表中的相应形参（函数定义时声明的参数）。

例如，下面是一个简单的函数声明：

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

该函数使用 console.log() 方法在控制台输出一条问候语。调用该函数只需要传递一个参数，即要问候的姓名，如下所示：

greet('Alice'); // 输出：Hello, Alice!

函数表达式

相比之下，函数表达式更加灵活。它是一个函数字面量（可以将函数视为一个值），可以将一个函数赋值给一个变量或传递给其他函数。

函数表达式的语法如下：

var 函数名 = function(参数1, 参数2, …, 参数n) {
    // 函数体
};

与函数声明类似，函数名和参数都是可选的。通过变量名引用该函数。

例如，下面是一个简单的函数表达式：

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

调用该函数的方式与函数声明相同。

箭头函数

箭头函数（也称为“lambda函数”）是 ES6 引入的一种新的函数声明方式。它可以使我们更加简洁地编写函数。它的语法如下：

var 函数名 = (参数1, 参数2, …, 参数n) => {
    // 函数体
};

其中，参数和函数体都用箭头分隔。如果函数体只有一条语句，可以省略花括号并且不需要 return。否则，必须写明函数的返回值。

例如，下面是一个简单的箭头函数：

var greet = name => console.log(`Hello, ${name}!`);

调用该函数的方式与函数声明和函数表达式相同。

闭包

闭包是 JavaScript 中的一个重要概念，它允许我们访问一个函数作用域内的局部变量，并在外部持久化地使用它。它由函数和其他在函数内部定义的函数组成。

下面是一个闭包的例子：

function add(n) {
    return function(m) {
        return n + m;
    }
}
var add5 = add(5);
console.log(add5(3)); // 输出：8
console.log(add5(8)); // 输出：13

在上面的例子中，add() 函数返回一个函数，该函数可以访问它所在的作用域中的 n 变量。因为函数是一等公民，所以它可以作为一个值传递给其他函数，并在其他作用域中被调用。add5 变量保留了对 add() 作用域的引用，并且可以被多次调用以返回不同的结果。

示例说明

示例 1：计算乘方

使用函数表达式和闭包计算任意数的任意乘方。

var power = function(base) {
    return function(exp) {
        return Math.pow(base, exp);
    }
};

var powOf3 = power(3);
console.log(powOf3(2)); // 输出：9
console.log(powOf3(4)); // 输出：81

var powOf5 = power(5);
console.log(powOf5(3)); // 输出：125

在上面的例子中，power() 函数返回一个函数，该函数可以访问它所在的作用域中的 base 变量。使用 power() 函数可以创建多个具有相同 base 值的幂函数。

示例 2：字符串逆序输出

使用箭头函数和字符串的 split()、reverse() 和 join() 方法逆序输出一个字符串。

var reverse = str => str.split('').reverse().join('');

console.log(reverse('hello world')); // 输出：dlrow olleh

在上面的例子中，reverse() 函数使用字符串的 split() 方法将字符串分割成一个数组，然后使用 reverse() 方法将数组倒序排列，最后使用 join() 方法将数组元素组合成一个新的字符串。整个过程比较简洁。