--- title: WindowOrWorkerGlobalScope.caches slug: Web/API/caches translation_of: Web/API/WindowOrWorkerGlobalScope/caches original_slug: Web/API/WindowOrWorkerGlobalScope/caches --- {{APIRef()}}{{SeeCompatTable}} La propriété en lecture seule **`caches`** de l'interface {{domxref("WindowOrWorkerGlobalScope")}} retourne l'objet {{domxref("CacheStorage")}} associé au contexte actuel. Cet objet permet de stocker des ressources pour une utilisation hors-ligne et de générer des réponses personnalisées à des requêtes. ## Syntaxe var myCacheStorage = self.caches; // ou simplement caches ### Value Un objet de type {{domxref("CacheStorage")}}. ## Exemple L'exemple suivant montre comment mettre en cache un contexte de [service worker](/en-US/docs/Web/API/Service_Worker_API) pour stocker des ressources et les utiliser hors-ligne. ```js this.addEventListener('install', function(event) { event.waitUntil( caches.open('v1').then(function(cache) { return cache.addAll([ '/sw-test/', '/sw-test/index.html', '/sw-test/style.css', '/sw-test/app.js', '/sw-test/image-list.js', '/sw-test/star-wars-logo.jpg', '/sw-test/gallery/', '/sw-test/gallery/bountyHunters.jpg', '/sw-test/gallery/myLittleVader.jpg', '/sw-test/gallery/snowTroopers.jpg' ]); }) ); }); ``` ## Spécifications
Spécification | Status | Comment |
---|---|---|
{{SpecName('Service Workers', '#self-caches', 'caches')}} | {{Spec2('Service Workers')}} |
Défini dans un |
{{SpecName('Service Workers')}} | {{Spec2('Service Workers')}} | Définition initiale. |