在前端开发中，测试是非常重要的一部分。其中，异常测试是测试中的一种重要类型，它可以帮助我们发现代码中的错误和异常情况。Chai 是一个流行的 JavaScript 测试框架，它提供了 assert.throws() 方法来测试函数是否抛出了异常。在本文中，我们将详细介绍 Chai 的 assert.throws() 方法的正确用法，并提供示例代码作为参考。
assert.throws() 方法的基本用法
assert.throws() 方法用于测试一个函数是否抛出了一个错误。它的基本用法如下：
assert.throws(fn, [constructor], [message]);
其中，fn 是要测试的函数，constructor 是期望的错误类型，message 是错误信息。如果函数 fn 抛出了一个错误，并且这个错误的类型是 constructor，那么 assert.throws() 方法会通过测试。如果 constructor 参数被省略，则会匹配任何类型的错误。如果 message 参数被省略，则会使用默认的错误信息。
以下是一个简单的示例：
function throwError() {
throw new Error('This is an error');
}
assert.throws(throwError, Error, 'This is an error');这个例子中，我们定义了一个函数 throwError，它抛出了一个 Error 类型的错误。我们使用 assert.throws() 方法测试这个函数是否抛出了一个 Error 类型的错误，并且错误信息为 'This is an error'。
constructor 参数的使用
constructor 参数用于指定期望的错误类型。它可以是一个函数或一个字符串。如果是一个函数，则表示期望的错误类型是这个函数的实例。如果是一个字符串，则表示期望的错误类型是一个类型名为这个字符串的错误。以下是一些示例：
-- -------------------- ---- -------
-------- ------------ -
----- --- ----------- -- -- --------
-
----- ----------- ------- ----- -
-------------------- -
---------------
--------- - --------------
-
-
------------------------- ------- -- ------------- ----- -----
------------------------- ------------- -- --------------- ----------- -----
------------------------- --------- -- --------------- -----
------------------------- --------------- -- ----------------- -----------在这个例子中，我们定义了一个自定义的错误类型 CustomError。我们使用 assert.throws() 方法测试函数 throwError 是否抛出了一个 Error 类型的错误和一个 CustomError 类型的错误。我们还使用了字符串类型的 constructor 参数测试了错误类型。
message 参数的使用
message 参数用于指定错误信息。如果省略了 message 参数，则会使用默认的错误信息。以下是一些示例：
function throwError() {
throw new Error('This is an error');
}
assert.throws(throwError, Error); // 通过测试，因为错误信息匹配
assert.throws(throwError, Error, 'This is another error'); // 未通过测试，因为错误信息不匹配
assert.throws(throwError, Error, /This is an/); // 通过测试，因为错误信息匹配正则表达式在这个例子中，我们使用了不同的 message 参数测试了错误信息。我们使用了字符串和正则表达式类型的 message 参数。
错误类型的继承关系
在 JavaScript 中，错误类型之间存在继承关系。例如，Error 类型是所有错误类型的基类。因此，当我们测试一个函数是否抛出一个 Error 类型的错误时，它也会通过测试，如果抛出的错误类型是它的子类，则也会通过测试。以下是一个示例：
-- -------------------- ---- -------
-------- ------------------ -
----- --- ----------------- -- - ------ --------
-
----- ----------- ------- ----- -
-------------------- -
---------------
--------- - --------------
-
-
------------------------------- ------- -- ------- ----------- - ----- ---在这个例子中，我们定义了一个 CustomError 类型，它是 Error 类型的子类。我们使用 assert.throws() 方法测试函数 throwCustomError 是否抛出了一个 Error 类型的错误。由于 CustomError 是 Error 类型的子类，因此测试通过。
使用箭头函数
在某些情况下，我们可能希望使用箭头函数来测试异常情况。然而，使用箭头函数会导致 this 的上下文被绑定到父级作用域，从而可能导致测试失败。为了解决这个问题，我们可以使用 bind() 方法将上下文绑定到当前作用域。以下是一个示例：
function throwError() {
throw new Error('This is an error');
}
assert.throws(() => throwError(), Error); // 未通过测试，因为 this 的上下文不正确
assert.throws(throwError.bind(this), Error); // 通过测试，因为 this 的上下文被正确绑定在这个例子中，我们定义了一个箭头函数来测试函数 throwError 是否抛出了一个 Error 类型的错误。由于箭头函数的上下文被绑定到父级作用域，因此 this 的上下文不正确。我们使用 bind() 方法将上下文绑定到当前作用域，从而解决了这个问题。
总结
Chai 的 assert.throws() 方法是测试异常情况的重要工具。在本文中，我们介绍了 assert.throws() 方法的基本用法、constructor 和 message 参数的使用、错误类型的继承关系以及使用箭头函数的注意事项。通过正确使用 assert.throws() 方法，我们可以更好地测试我们的代码，发现并解决潜在的问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65c8a150add4f0e0ff269281