函数和箭头函数的区别

函数和箭头函数的区别主要有以下几点：

1. 语法形式：箭头函数使用箭头（=>）来定义函数，而普通函数使用 function 关键字来定义。

2. this 的指向：箭头函数没有自己的 this 值，它会捕获上下文中的 this 值。普通函数的 this 值是在运行时根据调用方式动态确定的。

3. arguments 对象：箭头函数没有 arguments 对象，可以使用 rest 参数（...args）来获取函数的参数集合。普通函数可以使用 arguments 对象获取所有的参数。

下面是一个包含代码示例的解决方法：

// 普通函数示例
function regularFunction(a, b) {
  console.log(arguments); // 输出所有的参数
  console.log(this); // 输出函数的调用上下文
}

// 箭头函数示例
const arrowFunction = (a, b, ...args) => {
  console.log(args); // 输出剩余的参数
  console.log(this); // 输出箭头函数外部的 this 值
}

// 测试
regularFunction(1, 2, 3); // 输出 [1, 2, 3]，this 指向全局对象（浏览器中是 window）
arrowFunction(1, 2, 3); // 输出 [3]，this 指向箭头函数外部的 this 值

在上面的例子中，regularFunction 是一个普通函数，它使用了 arguments 对象来获取所有的参数，并且 this 的值会根据调用方式动态确定。

而 arrowFunction 是一个箭头函数，它使用了 rest 参数（...args）来获取所有的参数，并且 this 的值是箭头函数外部的 this 值，不会根据调用方式而变化。