表达式计算出值,可出现在需值的位置;语句描述操作,不返回值,不能用于需值处。如1+2是表达式,if(){}是语句;function(){}在赋值中为表达式,在顶层为语句。

JavaScript中,表达式(Expression)和语句(Statement)是两类根本不同的语法单元,它们在语法结构、求值行为和解析阶段的作用截然不同。理解二者的区别,是掌握JS执行逻辑、调试错误、编写安全代码(如模板字符串、AST处理、动态执行)的关键基础。
核心区别:是否产生值
表达式会**计算出一个值**,可以出现在任何需要值的位置(如函数参数、赋值右侧、条件判断中)。语句则**描述一个操作或流程**,不返回值(或隐式返回undefined),不能直接用在需要值的地方。
-
表达式示例:
1 + 2、obj.name、function() {}(函数表达式)、a ? b : c、void 0 -
语句示例:
if (x) { ... }、for (...) { ... }、let x = 1、return 42、throw new Error()
注意:function foo() {} 是函数声明(语句),而 const fn = function() {} 中的 function() {} 是函数表达式(表达式)——同一语法形式,因上下文不同而归属不同类别。
解析阶段:语句与表达式不能随意互换
JS引擎在语法分析(Parsing)时严格区分二者。某些位置只接受语句(如块级作用域顶层),某些位置只接受表达式(如箭头函数函数体省略大括号时)。
立即学习“Java免费学习笔记(深入)”;
- 在
{}块中(如if分支、函数体),只能写语句;若想写表达式并让它生效,需用(...)包裹使其成为表达式语句(Expression Statement),例如:if (ok) (a = 1, b = 2) - 箭头函数单表达式体可省略
{}和return,但前提是该内容是表达式:x => x * 2✅;x => let y = x * 2❌(let是语句,语法错误) -
eval()和Function()构造器接受字符串,但前者按“语句列表”解析,后者按“函数体”(即语句序列)解析;传入纯表达式(如"1+2")在eval中合法,在Function中需加return才有效。
表达式语句:一种特殊的“妥协”语法
为支持在语句上下文中使用表达式,JS引入了“表达式语句”规则:允许单独一行写一个表达式,它会被当作一条语句执行(值被丢弃,仅执行副作用)。
- 常见表达式语句:
counter++、console.log("hi")、obj.method() - 但存在歧义边界:以
{或function开头的行,引擎优先按语句解析(块或函数声明),导致意外行为。例如: -
{ a: 1 }→ 解析为带标签的语句a:,不是对象字面量 -
function f(){}()→ 语法错误(函数声明不可立即调用);必须写成(function(){})()或function(){}()(在表达式上下文中)
实际影响:从错误信息到运行时行为
混淆二者常导致看似奇怪的错误:
-
return { key: 'value' }→ 自动插入分号,变成return;后跟孤立对象字面量 → 返回undefined(对象不执行) - 解构赋值左侧是“模式”,不是表达式也不是语句,但它受语句/表达式上下文约束:
const {x} = obj是声明语句;({x} = obj)是赋值表达式(需括号避免被解析为块) - 模板字符串中
${...}内必须是表达式,写if或for会报语法错误
不复杂但容易忽略。










