如何在Jest的it测试块内实现变量作用域隔离？

我完全懂你的困惑——原本以为每个it测试块是相互独立的，结果第一个测试里的修改居然影响到了第二个测试的变量状态。问题的根源在于：你把数组a定义在了describe块的顶层，这个变量是所有it测试共享的引用类型。在第一个测试中，const b = a是引用赋值，调用b.push('2')直接修改了原数组a的内容，而Jest会按顺序执行测试块，所以第二个测试里的a自然就变成了['1', '2']。

要解决这个问题，实现测试间的变量作用域隔离，有两种常用的方法：

1. 把变量定义在每个it块内部 #

直接在每个测试块里初始化需要的变量，这样每个测试都会创建独立的数组实例，互相不会产生影响：

export const push = (array, value) => [...array, value]
describe('push', () => { 
  it('creates copy', () => { 
    const a = ['1']
    const b = a 
    b.push('2') 
    expect(a).toBe(b) 
  }) 
  it('creates clone', () => { 
    const a = ['1']
    const b = a 
    console.log(a) // 现在会输出 ['1']
    push(b, '2') 
    expect(a).not.toBe(b) 
  }) 
}) 

2. 使用beforeEach钩子统一初始化变量 #

如果多个测试需要相同的初始变量，可以用beforeEach钩子在每个it执行前重新初始化变量，确保每次测试都拿到干净的初始状态：

export const push = (array, value) => [...array, value]
describe('push', () => { 
  let a
  beforeEach(() => {
    // 每个测试执行前都会重置a为初始数组
    a = ['1'] 
  })
  it('creates copy', () => { 
    const b = a 
    b.push('2') 
    expect(a).toBe(b) 
  }) 
  it('creates clone', () => { 
    const b = a 
    console.log(a) // 输出 ['1']
    push(b, '2') 
    expect(a).not.toBe(b) 
  }) 
}) 

补充说明 #

JavaScript里的引用类型（比如数组、对象）是按引用传递的，共享这类变量很容易导致测试间的状态污染。不管用哪种方法，核心都是确保每个测试使用的是独立的引用实例，这样测试之间就不会互相干扰了。

内容的提问来源于stack exchange，提问作者alex