Async/Await Syntax

What design pattern does this code implement?

async function getData() {
  const cache = await caches.open('my-cache');
  const response = await cache.match('/api/data');
  if (!response) {
    const newResponse = await fetch('/api/data');
    await cache.put('/api/data', newResponse.clone());
    return newResponse;
  }
  return response;
}

Error handling
Cache-first strategy
This implements a cache-first strategy pattern: 1) Checks cache before making network requests, 2) Only fetches from network if cache miss occurs, 3) Updates cache with new network responses, 4) Improves application performance, 5) Provides offline capability, 6) Common pattern in Progressive Web Apps and service workers.
Parallel processing
Retry logic

Next Question (8/20)