skillhub-088-vercel-react-best-practices/rules/js-cache-property-access.md

---

title: Cache Property Access in Loops impact: LOW-MEDIUM impactDescription: 减少属性查找次数 tags: javascript, loops, optimization, caching

在循环中缓存属性访问

在热点路径中缓存对象属性的查找结果。

错误做法（N 次迭代 × 3 次查找）：

for (let i = 0; i < arr.length; i++) {
  process(obj.config.settings.value)
}

正确做法（总共 1 次查找）：

const value = obj.config.settings.value
const len = arr.length
for (let i = 0; i < len; i++) {
  process(value)
}