44、前端开发中的测试与性能优化

前端开发中的测试与性能优化

1. QUnit测试框架的特殊标志

QUnit提供了两个复选框，分别是 noglobals （标签为 “Check for Globals”）和 notrycatch （标签为 “No try-catch”），可以根据需要选中或取消选中，以改变页面上所有测试的行为。
- noglobals标志 ：如果执行的代码引入了新的全局变量（等同于向 window 对象添加属性），测试将失败。示例代码如下：

QUnit.test('Testing the noglobals option', function(assert) {
    assert.expect(1);
    window.bookName = 'jQuery in Action';
    assert.strictEqual(bookName, 'jQuery in Action', 'Strings are equal');
});

此测试失败的原因是代码向 window 对象添加了 bookName 属性。如果代码只是修改了 window 对象的现有属性（如 name ），测试就不会失败。
- notrycatch标志 ：允许在没有 try-catch 块的情况下运行Q