Chai.js 是一个著名的 JavaScript 测试库，被广泛用于前端开发中。其中，expect() 方法是其最核心的断言风格之一，提供了多种测试情境下的语法，例如 to.be 和 to.have，用于验证函数的期望输出。但在一些较为特殊的条件下，expect() 的错误捕捉可能会带来一些问题，这时就需要使用到 to.throw 风格的语法。本文将详细介绍 Chai.js 中 expect().to.throw 的使用方法。
什么是 to.throw？
在JavaScript中，当一个函数内部发生错误时，往往会抛出一个异常，这些异常可以用 try...catch 结构来进行捕捉和处理。而在测试中，我们需要验证一些期望的异常情况是否能够正确被捕捉和处理。这时 Chai.js 就为我们提供了一个解决方案 —— to.throw：
expect(fn).to.throw(Error);
上面的代码中，我们期望 fn() 会抛出一个 Error 异常，如果没有抛出异常，则测试将会失败。
to.throw 的参数详解
在使用 to.throw 风格的语法中，我们可以传入一个参数用于验证抛出的异常类型，也可以不传入任何参数。具体参数的含义如下：
constructor: 表示期望抛出一个特定类型的异常，如Error、TypeError等。expected: 表示期望抛出的异常具有特定的错误信息，如ReferenceError: x is not defined。
下面是一个示例，我们期望 fn() 抛出一个 TypeError，并且错误信息中包含 'x is not a function'：
function fn() {
x();
}
expect(fn).to.throw(TypeError, /x is not a function/);使用 to.throw 的注意事项
在使用 to.throw 风格的语法时，需要注意以下几点：
- 如果在
fn()内部已经用了throw手动抛出了异常，并且该异常与to.throw参数一致，那么测试将会通过。 - 如果
fn()内部抛出了与to.throw不一致的异常，那么测试将会失败。 - 在
to.throw参数中匹配错误消息时，要使用正则表达式，而非字符串。 - 如果
fn()没有任何异常，也将测试标记为失败。
总结
expect().to.throw 是 Chai.js 中一个很实用的断言风格，能够帮助我们验证代码在异常情况下的正确处理。当然，除了这种底层机制的测试，我们也可以在更高层次上使用 expect()，比如 API 接口测试、DOM 操作测试等。不过无论是什么样的测试，我们都需要用心编写，以避免出现不必要的错误和漏洞，提高代码的健壮性和稳定性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64b3cb4448841e98940062ee