const result = [];

users.forEach(user => {
  result.push(user.name);
});

const result = users.map(user => user.name);

function login(user) {
  if (user) {
    if (user.isActive) {
      return "Welcome";
    }
  }
  return "Access denied";
}

function login(user) {
  if (!user) return "Access denied";
  if (!user.isActive) return "Access denied";

  return "Welcome";
}

Act as a Senior JavaScript Mentor.

Explain this code step by step in simple language.

For each function:
- What it does
- Why it's written this way
- Possible improvements
- Common mistakes
- Real-world example

Assume I'm a junior developer learning from a senior mentor.

"دقیق با این مورد کار نکردم، ولی با توجه به تجربه‌ای که دارم، فکر می‌کنم... اگر اجازه بدید منطقش رو تحلیل کنم."

for (var i = 0; i < 3; i++) { setTimeout(() => console.log("Hello"), 0); }

button.parentElement.parentElement

button.closest(".card")

console.log(typeof null);

You are a Senior Front-End Engineer and SEO Expert.

Analyze my project and optimize it for production without changing its functionality.

Your tasks:
- Improve Core Web Vitals (LCP, CLS, INP)
- Optimize bundle size and remove unused code
- Enable lazy loading where appropriate
- Optimize images and fonts
- Improve accessibility (WCAG)
- Add proper semantic HTML
- Optimize meta title, description, and Open Graph tags
- Generate structured data (JSON-LD) if applicable
- Improve internal linking
- Optimize performance for mobile devices
- Detect and fix SEO issues
- Suggest code improvements following best practices
- Explain every optimization before providing the updated code

Return production-ready code only.