ES6的箭头函数和普通函数相比有什么不同？

ES6 的箭头函数和普通函数（传统函数）相比，有以下几个主要的不同点：

1：语法简洁：
箭头函数使用箭头（=>）来定义函数，语法更加简洁明了，省略了传统函数中的 function 关键字和大括号。

示例比较：

// 传统函数
function add(a, b) {
  return a + b;
}

// 箭头函数
const add = (a, b) => a + b;

2：词法绑定的 this 值：
箭头函数没有自己的 this 值，它的 this 值继承自外部的词法作用域。这意味着在箭头函数内部，无法通过 this 访问到函数自身的上下文，而是使用外部作用域的 this 值。

示例比较：

// 传统函数
const obj = {
  name: 'Alice',
  sayHello: function() {
    console.log('Hello, ' + this.name);
  }
};

// 箭头函数
const obj = {
  name: 'Alice',
  sayHello: () => {
    console.log('Hello, ' + this.name); // this.name 为 undefined
  }
};

3：没有 arguments 对象：
箭头函数没有自己的 arguments 对象，无法通过 arguments 访问传入的参数列表。如果需要获取参数，可以使用剩余参数（rest parameters）或结构赋值来代替。

示例比较：

// 传统函数
function sum() {
  let total = 0;
  for (let i = 0; i < arguments.length; i++) {
    total += arguments[i];
  }
  return total;
}

// 箭头函数
const sum = (...args) => {
  let total = 0;
  for (let i = 0; i < args.length; i++) {
    total += args[i];
  }
  return total;
};

4：不能用作构造函数：
箭头函数不能使用 new 关键字调用，也不能用作构造函数来创建对象实例。箭头函数没有自己的原型（prototype）对象，无法通过 new 关键字来创建新的对象。

箭头函数适用于简单的函数定义和回调函数，对于需要使用 this 或 arguments 对象的情况，传统函数仍然更适合使用。箭头函数的特性使得代码更加简洁可读，但也需要注意使用时的上下文和作用域继承。