箭头函数不是语法糖而是语义重构：语法简写需明辨括号与大括号边界；this静态捕获外层词法作用域，不受call/bind影响；不可作为构造函数、无arguments/prototype、不能用yield。
直接抓住三个核心点：语法简写规则、this 绑定机制、不可替代的限制项。面试官真正想确认的是你是否理解“箭头函数不是普通函数的语法糖，而是语义重构”。
一、语法简写必须说清边界条件
不能只背“单参数可省括号、单表达式可省 return”，要讲清楚什么时候必须加括号、什么时候必须加大括号：
- 无参数 → 必须写
() => {...}，不能省略空括号 - 单参数且无解构/默认值 → 可省括号，如
x => x * 2 - 单参数含解构或默认值 → 必须加括号，如
({id}) => id或(x = 1) => x - 返回对象字面量 → 必须用小括号包裹，否则被解析为代码块：
() => ({ name: 'Alice' }) - 函数体含多条语句或逻辑分支 → 必须加大括号 + 显式 return（除非是 void 操作）
二、this 问题要对比着答，带执行上下文
别只说“箭头函数没有 this”，要说清它不绑定、不重绑、不继承调用方式，而是静态捕获外层词法作用域的 this 值：
- 在对象方法里定义箭头函数 → this 指向外层作用域（通常是全局或构造函数实例），不是该对象
- 在定时器、事件回调中替换传统函数 → 解决
this指向丢失问题，因为箭头函数延续了外层函数的 this - 在 class 的方法中写
setTimeout(() => this.doSomething())→ this 正确指向实例；若用function() { this.doSomething() }→ this 指向全局（非严格模式）或 undefined（严格模式）
三、明确列出它“不能干”的事，体现底层认知
面试官常通过“哪些场景不能用箭头函数”来判断你是否真懂。这四点必须脱口而出：
jm-jsjkxyjs02-zlm-405
下载
使用约定式提交（Conventional Commits）生成标准化的 Git 提交信息。适用于以下场景： (1) 暂存更改时需要提交信息； (2) 审查 diff 时希望获得结构化摘要； (3) 编写 PR 描述或变更日志（changelog）条目； (4) 用户明确要求“为本次更改编写提交信息”。 该功能会分析已暂存/未暂存的 diff，并生成按类型（type）划分范围的提交信息。
- 不能作为构造函数：调用
new () => {}直接报TypeError - 没有
arguments对象：需改用剩余参数(...args) => args[0] - 没有
prototype属性：因此无法用于需要原型链的继承场景 - 不能使用
yield：不能当作生成器函数，写() => { yield 1 }语法错误
四、遇到“最难的一题”怎么拆解（比如嵌套+call/bind）
典型题：“下面代码输出什么？为什么？”
const obj = {
name: 'Alice',
regular() {
console.log(this.name);
return () => console.log(this.name);
}
};
const fn = obj.regular();
fn();
fn.call({ name: 'Bob' });
回答结构：
-
第一步：
obj.regular()执行时，this是obj，输出Alice；返回的箭头函数捕获了此时的this（即obj） -
第二步：
fn()调用，箭头函数内this仍是obj，输出Alice -
第三步：
fn.call({name:'Bob'})中，call对箭头函数无效 —— 它的this已固化，仍输出Alice
结论：箭头函数的 this 不受任何显式绑定方法影响，这是和普通函数最本质的区别。
