普通函数和箭头函数的区别

普通函数和箭头函数在JavaScript中主要有以下区别：

1. 语法形式。箭头函数使用简洁的箭头语法=>定义，不需要像普通函数那样使用function关键字。
2. 匿名性。箭头函数只能是匿名的，而普通函数可以是匿名的，也可以具有具体的名称。
3. this指向。箭头函数的this值是在定义函数时确定的，而不是在函数被调用时。如果箭头函数在定义时处于某个上下文中，它会捕获该上下文的this值。一旦捕获，this值保持不变，即使使用call、apply或bind方法也无法改变。普通函数的this值则是在函数被调用时根据上下文确定的。
4. 构造函数使用。箭头函数不能用作构造函数，不能通过new关键字实例化对象。普通函数可以用作构造函数，通过new关键字创建对象的实例。
5. arguments对象和prototype属性。箭头函数没有自己的arguments对象和prototype属性，这意味着它们不能使用arguments对象来访问传递的参数，也不能作为其他函数的父类。普通函数有arguments对象来存储实际传递的参数，并且可以有prototype属性。

 一、普通函数使用 arguments 和 prototype

普通函数使用 arguments 对象：

// 定义一个普通函数
function sum() {
    let total = 0;
    for (let i = 0; i < arguments.length; i++) {
        total += arguments[i];
    }
    return total;
}

// 调用函数并传入参数
console.log(sum(1, 2, 3, 4)); // 输出：10

在这个示例中，sum 函数没有明确指定参数列表，可以通过 arguments 对