ESLint 跑代码检查时，出现 “Expected an assignment or function call and instead saw an expression” 错误的解决方法

在前端开发中，我们经常会使用 ESLint 进行代码检查，以保证代码的规范性和可维护性。然而，在使用 ESLint 进行代码检查时，有时会出现 “Expected an assignment or function call and instead saw an expression” 错误，让人感到困惑。本文将介绍该错误的原因和解决方法，并提供示例代码以供参考。

错误原因

该错误通常是由于代码中出现了不符合规范的语法或写法导致的。具体来说，这个错误通常是由于以下几种情况引起的：

1. 在 if 语句或循环语句中，没有使用花括号包含代码块，导致代码块中只有一行代码，而这行代码不是赋值语句或函数调用语句，而是一个表达式。

2. 在代码中，出现了不符合规范的语法或写法，例如在函数调用语句后面加上了分号等。

解决方法

针对上述问题，我们可以采取以下解决方法：

1. 在 if 语句或循环语句中，一定要使用花括号包含代码块。这样可以避免代码块中只有一行代码，而这行代码不是赋值语句或函数调用语句，而是一个表达式的情况。例如：

// 错误示例
if (i === 0)
    console.log('i is 0');

// 正确示例
if (i === 0) {
    console.log('i is 0');
}

1. 在代码中，一定要遵循规范的语法和写法。例如，不要在函数调用语句后面加上分号。例如：

// 错误示例
console.log('hello world')；

// 正确示例
console.log('hello world');

示例代码

下面是一个示例代码，其中包含了上述两种情况的错误，以及对应的解决方法：

// javascriptcn.com 代码示例
// 错误示例
let a = 1;
if (a === 1)
    console.log('a is 1');

console.log('hello world')；

// 正确示例
let a = 1;
if (a === 1) {
    console.log('a is 1');
}

console.log('hello world');

总结

在使用 ESLint 进行代码检查时，出现 “Expected an assignment or function call and instead saw an expression” 错误，通常是由于代码中出现了不符合规范的语法或写法导致的。我们可以通过遵循规范的语法和写法，以及在 if 语句或循环语句中使用花括号包含代码块等方式，来解决这个错误。这样可以提高代码的规范性和可维护性，从而更好地完成前端开发工作。

来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/656c3fa7d2f5e1655d4a3d9b