ea85a053c5
All checks were successful
Deploy / deploy (push) Successful in 7m30s
- Added new skills: find-skills, frontend-ui-engineering, and vercel-react-best-practices to skills-lock.json. - Updated use-pixel-heat.ts to import both animate and AnimationPlaybackControls from motion for improved animation handling.
29 lines
532 B
Markdown
29 lines
532 B
Markdown
---
|
||
title: Cache Property Access in Loops
|
||
impact: LOW-MEDIUM
|
||
impactDescription: reduces lookups
|
||
tags: javascript, loops, optimization, caching
|
||
---
|
||
|
||
## Cache Property Access in Loops
|
||
|
||
Cache object property lookups in hot paths.
|
||
|
||
**Incorrect (3 lookups × N iterations):**
|
||
|
||
```typescript
|
||
for (let i = 0; i < arr.length; i++) {
|
||
process(obj.config.settings.value)
|
||
}
|
||
```
|
||
|
||
**Correct (1 lookup total):**
|
||
|
||
```typescript
|
||
const value = obj.config.settings.value
|
||
const len = arr.length
|
||
for (let i = 0; i < len; i++) {
|
||
process(value)
|
||
}
|
||
```
|