箭头函数和普通函数有什么区别

箭头函数和普通函数是JavaScript中两种不同的函数定义方式，它们在语法和功能上有一些区别。

语法：箭头函数使用箭头（=>）来定义函数，而普通函数使用关键字 function 来定义。箭头函数可以更简洁地表示函数，并且省略了函数体中的 return 关键字。

例子：

普通函数：

function sum(a, b) {
  return a + b;
}

箭头函数：

const sum = (a, b) => a + b;

this 绑定:箭头函数没有自己的this 值，它继承了外部作用域的this 值。而普通函数的 this值根据函数的调用方式决定。 这个绑定:箭头函数没有自己的，这个值，它继承了外部作用域的，这个值。而普通函数的这个值根据函数的调用方式决定。

例子：

const obj = {
  name: 'John',
  sayHello: function() {
    console.log('Hello ' + this.name); // 使用普通函数，this 指向 obj
  },
  sayHi: () => {
    console.log('Hi ' + this.name); // 使用箭头函数，this 继承外部作用域的 this，指向全局对象（可能是 window）
  }
};
obj.sayHello(); // 输出 Hello John
obj.sayHi(); // 输出 Hi undefined

构造函数:箭头函数不能用作构造函数，不能使用new关键字实例化。普通函数可以通过new关键字创建实例。 构造函数:箭头函数不能用作构造函数，不能使用新关键字实例化.普通函数可以通过新关键字创建实例.

例子：

function Person(name) {
  this.name = name;
}
 
const john = new Person('John'); // 使用普通函数作为构造函数创建实例
 
const Student = (name) => {
  this.name = name; // 错误，箭头函数不能用作构造函数
};
const jane = new Student('Jane'); // 抛出错误

总结：箭头函数主要适用于简单的函数表达式和回调函数，它们具有简洁的语法和继承外部作用域的 this 值的特点。而普通函数则更灵活，适合用于创建对象、构造函数以及需要动态绑定 this 的场景。