箭头函数是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 (靠变量名引用,非函数自身) - 这种写法在重赋值后可能出错,不如普通函数声明稳定










