Mocha 报 Illegal return statement 错误怎么解决？

在进行前端单元测试时，我们通常会使用 Mocha 这个 JavaScript 测试框架。然而，有时候我们会遇到 Mocha 报“Illegal return statement”错误的情况，这时候该怎么解决呢？

问题分析

首先，我们需要了解这个错误的原因。在 Mocha 中，我们可以使用 return 语句来返回测试结果。例如：

describe('test', function() {
  it('should return true', function() {
    return true;
  });
});

但是，如果我们在测试用例中使用了箭头函数，并且在函数体内使用了 return 语句，就会出现“Illegal return statement”错误。例如：

describe('test', () => {
  it('should return true', () => {
    return true; // 报错
  });
});

这是因为箭头函数默认会将函数体作为一个表达式来处理，而表达式不能直接使用 return 语句。因此，我们需要对箭头函数进行修改。

解决方案

有两种方式可以解决这个问题：

1. 使用 function

第一种方式是使用普通的函数而不是箭头函数。例如：

describe('test', function() {
  it('should return true', function() {
    return true;
  });
});

这样就不会出现“Illegal return statement”错误了。

2. 使用花括号

第二种方式是在箭头函数的函数体周围加上花括号，将函数体变成一个代码块。例如：

describe('test', () => {
  it('should return true', () => {
    return true; // 不再报错
  });
});

这样就可以使用 return 语句了。

总结

在使用 Mocha 进行前端单元测试时，我们需要注意箭头函数的使用。如果在箭头函数中使用了 return 语句并且出现了“Illegal return statement”错误，可以使用普通函数或者在箭头函数的函数体周围加上花括号来解决问题。希望本文对你有所帮助！

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6510013b95b1f8cacd8a998e