什么是箭头函数_它与普通函数有何不同

箭头函数是ES6引入的语法糖，语法更简洁但无this绑定、不能new调用、无arguments和prototype，且无法直接递归。

箭头函数是 ES6 引入的一种函数定义方式，用 => 代替 function 关键字，语法更轻量，本质是普通函数的语法糖。但它不只是“写法更短”，在行为层面有几处关键差异，直接影响使用场景和结果。

语法更简洁，但只能作为表达式使用

箭头函数没有函数声明形式，必须赋值给变量或作为参数传入：

• 单参数可省括号：const square = x => x * x
• 无参数需空括号：const now = () => new Date()
• 单表达式自动返回，省略 return 和大括号：const sum = (a, b) => a + b
• 多语句需显式写 {} 和 return：const format = s => { s = s.trim(); return s.toUpperCase(); }

this 指向固定，不随调用方式改变

这是最常被忽略也最关键的区别：

• 普通函数的 this 在运行时确定，谁调用就指向谁（如对象方法、事件回调、new 实例化）
• 箭头函数没有自己的 this，它直接继承外层作用域（定义时所在函数）的 this 值，且无法被 call、apply、bind 修改
• 典型好处：避免定时器、事件监听中 this 丢失，比如对象方法里用 setTimeout(() => console.log(this.name), 100) 能正常输出

缺少一些函数专属属性和行为

箭头函数刻意舍弃了某些面向对象或动态执行所需的机制：

• 不能用 new 调用，不是构造函数 —— 尝试 new (() => {}) 会报错 “is not a constructor”
• 没有 prototype 属性 —— (() => {}).prototype 返回 undefined
• 没有 arguments 对象 —— 需用剩余参数 ...args 替代
• 没有 super、new.target，也不能作为 Generator（不支持 yield）

它总是匿名的，不能直接递归调用

虽然可通过变量名间接引用，但箭头函数本身无函数名：

• 普通函数声明可自调用：function factorial(n) { return n
• 箭头函数若要递归，得依赖外部变量：const factorial = n => n （靠变量名引用，非函数自身）
• 这种写法在重赋值后可能出错，不如普通函数声明稳定