PhpStorm中调试Jest测试时TypeScript项目执行顺序异常问题

问题原因 #

这个反常现象完全是PhpStorm 调试器的自动属性求值特性导致，和 Jest、TypeScript 本身的执行逻辑没有关系。

JS/TS 里的类 getter 本质是隐式调用的函数，只要读取对应属性就会触发内部代码执行。PhpStorm 进入调试模式、触发断点时，为了在变量面板展示当前作用域内对象的所有属性值，会自动读取对象的所有属性，包括 getter 属性，这个过程会无感知触发 getter 里的逻辑。

对应你三次测试的结果解释：

• 第一次保留所有代码开调试器运行：断点停在第14行时，调试器自动读取foo.getMe属性展示，提前触发了this.mutated = true的逻辑，导致第14行断言时mutated已经是true，自然失败。
• 第二次注释掉第15行开调试器运行：此时代码里没有引用getMe属性，大部分版本的 PhpStorm 不会对未被代码引用的属性做自动求值，getter 不会被提前触发，所以第14行断言顺利通过。
• 第三次关调试器运行：没有调试器的隐式属性读取逻辑，代码严格按照书写顺序执行，三次断言都符合预期。

解决方案 #

你可以在 PhpStorm 调试设置里关闭**自动求值属性值（Auto evaluate properties）**开关，就能避免调试时意外触发带副作用的 getter。

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