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

// 普通函数
function fn1(x) {
  return x + 1;
}

// 箭头函数
const fn2 = x => x + 1;

const obj = {
  name: "测试",
  // 普通函数：this → 调用者 obj
  fun1() {
    console.log(this.name); // 测试
  },
  // 箭头函数：this 继承外层（window/全局）
  fun2: () => {
    console.log(this.name); // undefined
  }
};
obj.fun1();
obj.fun2();

// 普通函数
function f1() {
  console.log(arguments); // [1,2,3]
}
f1(1,2,3);

// 箭头函数
const f2 = (...rest) => {
  console.log(rest); // [1,2,3]
};
f2(1,2,3);

// 普通函数可用 new
function Person() {}
const p1 = new Person();

// 箭头函数不能 new
const Student = () => {};
// const p2 = new Student(); // 报错

function a(){}
console.log(a.prototype); // {constructor: ...}

const b = () => {};
console.log(b.prototype); // undefined

const test = () => {
  console.log(this);
};
// 强行绑定 this 也不生效
test.call({ name: "张三" }); // 依旧指向外层 this