箭头函数中使用if语句报错‘Unexpected token if’，语法是否有差异？

AI 小北

2026-5-29

箭头函数中使用if语句的语法问题解析

嘿，这个问题我之前也碰到过！咱们来一步步拆解问题所在：

为什么会报「Unexpected token if」？

你的代码报错核心原因是混淆了箭头函数的两种写法规则：
箭头函数有两种定义形式：

简洁体（无大括号）：只能写单个表达式，表达式的结果会自动作为函数返回值，不能在这里写if这类语句（if是语句，不是表达式）。
块体（带大括号）：可以包含多条语句，但如果需要返回值，必须显式写return关键字。

你原来的代码直接在箭头函数的简洁体里写if语句，违反了语法规则，所以才会报错。

顺便提个小问题：用`filter`做`push`其实没必要

Array.filter()的设计初衷是返回一个过滤后的新数组，而不是用来执行push这类副作用操作。你的需求其实可以更优雅地实现：

正确写法1：用简洁体箭头函数直接生成目标数组

如果你的目的是把storyWords中不属于unnecessaryWords的元素收集到betterWords，直接用filter返回结果即可：

const betterWords = storyWords.filter(word => !unnecessaryWords.includes(word));

正确写法2：用块体箭头函数配合`if`（如果一定要用`if`的话）

如果非要在箭头函数里写if语句，必须用大括号包裹块体，并且根据filter的要求返回布尔值（决定当前元素是否保留）：

// 先初始化betterWords
const betterWords = [];
storyWords.filter(word => {
  if (unnecessaryWords.includes(word)) {
    return false; // 不保留该元素，也不push
  } else {
    betterWords.push(word);
    return true; // 保留该元素（不过这里用filter做push属于冗余操作，更推荐写法1）
  }
});