ES6学习之旅：深入解析函数的扩展

2024-01-21 20:41:14

函数参数的默认值：让代码更具灵活性

ES6 允许为函数的参数设置默认值，这使得代码更加灵活和简洁。当函数被调用时，如果某个参数没有被传入，那么该参数就会被赋予默认值。

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

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

扩展运算符：轻松处理数组和对象

扩展运算符（...）允许将一个数组或对象的元素展开为一个参数列表或对象字面量。这使得代码更加简洁和易读。

const numbers = [1, 2, 3];
const doubledNumbers = [...numbers].map(n => n * 2);

console.log(doubledNumbers); // 输出：[2, 4, 6]

const person = { name: 'John', age: 30 };
const newPerson = { ...person, job: 'Developer' };

console.log(newPerson); // 输出：{ name: 'John', age: 30, job: 'Developer' }

箭头函数：更简洁的函数语法

箭头函数（=>）是一种更简洁的函数语法，它可以替代传统的 function 。箭头函数没有自己的 this 关键字，并且不能使用 arguments 对象，但它在许多场景下非常有用。

const double = n => n * 2;

console.log(double(3)); // 输出：6

const numbers = [1, 2, 3];
const doubledNumbers = numbers.map(n => n * 2);

console.log(doubledNumbers); // 输出：[2, 4, 6]

尾调用优化：提升代码性能

尾调用优化（TCO）是一种编译器优化技术，它可以将某些函数调用转换为跳转指令，从而避免创建新的函数调用栈帧。这可以显著提高代码的性能，尤其是对于那些递归函数或深度嵌套的函数调用。

function factorial(n) {
  if (n === 0) {
    return 1;
  } else {
    return n * factorial(n - 1);
  }
}

console.log(factorial(5)); // 输出：120

在上述代码中，factorial 函数是一个递归函数，它会不断地调用自身来计算阶乘。如果 n 的值很大，那么函数就会创建大量的调用栈帧，从而导致性能下降。但是，由于 factorial 函数的最后一个调用是尾调用（即它没有被其他代码跟随），因此编译器可以对其进行尾调用优化，从而避免创建新的函数调用栈帧。