perf: 通过提前退出优化容器查找
将一个效率低下的循环与查找方法放在 渲染( ) 函数的容器查询逻辑,在找到匹配的容器时允许提前退出。
变化类型 错误修正( 性能优化) 新特性 打破变革 文件最新情况 问题 单位 弧/纯.js 286-293行,在重用已存在的容器时,每个容器通过挂载的 Root Entries 搜索所用的代码 :
赞美音乐 root Entries. for Each( root Entry {{{) 如果( rootEntry. container QQ 容器) { root = root Entry.root (英语). {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢? ) (中文(简体) ). 每种方法即使在找到相匹配的容器后也继续在所有条目中延展. 这是效率低下的,因为:
它在找到匹配后进行不必要的迭代 性能随着更多的容器被安装而降低 代码没有传达找到一个条目的意图 解决办法 替换为查找( ) 方法, 当找到匹配时立即停止重迭 :
ZZ1ZZ const root Entry = 挂载的 Root Entries. find () (中文(简体) ). root Entry root Entry. container === 容器, (中文(简体) ). 如果( 根入) { root = root Entry.root (英语). {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢? 这一变化:
找到匹配时立即停止搜索( 提前退出优化) 提高性能,特别是使用多件装有集装箱 使代码意图更清晰 - 我们正在寻找一个特定的条目 使用更平庸的JavaScript图案
内容来源: testing-library/react-testing-library