在前端开发过程中，我们经常会遇到各种各样的报错。其中一个比较常见的报错是“Expected an assignment or function call and instead saw an expression”。本文将详细介绍这个错误的产生原因、解决方案以及对前端开发人员的指导意义。
1. 错误原因
这个错误通常出现在 JavaScript 代码中。它的意思是“期望看到一个赋值或函数调用，但却看到了一个表达式”。例如，下面的代码就会触发这个错误：
if (a === b) let c = true;
上面的代码中，let c = true 是一个表达式，而不是一个有效的语句（赋值或函数调用）。JavaScript 引擎无法理解这个表达式的含义，于是抛出了“Expected an assignment or function call and instead saw an expression”的错误。
2. 解决方案
要解决这个错误，我们需要明确一点：JavaScript 是一门基于语句的语言。这意味着，除了函数、方法、模块等特殊情况外，大部分代码都应该写成语句（statement）的形式。语句是一种完整的、可执行的代码块，包括关键字、变量、运算符等元素，而表达式只是一种计算结果的代码片段。
那么，如何将上面的代码修改为有效的语句呢？有两种方法：
2.1. 添加花括号
第一种方法是在 if 语句后面添加花括号，将 let c = true 变成一个完整的代码块：
if (a === b) {
let c = true;
}这样做的好处是可以避免“Expected an assignment or function call and instead saw an expression”的错误。同时，也能更清晰地表达代码逻辑，减少出错的可能性。
2.2. 使用赋值语句
第二种方法是将 let c = true 改成一个有效的赋值语句。例如，可以使用 var 或 const 关键字声明变量，再将其赋值为 true：
if (a === b) var c = true; // 或者 if (a === b) const c = true;
这样做的好处是可以保证语句的简洁和可读性。但需要注意的是，使用 var 声明的变量会存在变量提升的问题，可能会导致一些不可预期的错误。因此，在实际开发中，建议使用 const 或 let 来声明变量。
3. 指导意义
“Expected an assignment or function call and instead saw an expression”这个错误虽然不是非常严重，但也反映了我们在编写代码时应该注意的问题。具体来说，我们应该：
- 尽量避免使用单个表达式作为语句；
- 编写清晰、简洁、易读的语句；
- 遵循 JavaScript 的基本语法规则，避免因为语法错误而浪费时间和精力。
最后，附上一个例子，展示如何避免“Expected an assignment or function call and instead saw an expression”的错误：
-- -------------------- ---- ------- -- ----- -- -- --- -- --- - - ----- -- --------- -- -- --- -- - --- - - ----- - -- --------- -- -- --- -- ----- - - -----
结论
“Expected an assignment or function call and instead saw an expression
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/28327