Skip to content

Commit 599e93f

Browse files
authored
Update article.md
Ortografía, correcciones.
1 parent 1cba435 commit 599e93f

File tree

1 file changed

+17
-17
lines changed

1 file changed

+17
-17
lines changed

6-data-storage/02-localstorage/article.md

Lines changed: 17 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
# LocalStorage, sessionStorage
22

3-
Los objetos de almacenaje web `localStorage` y `sessionStorage` permiten guardar pares de clave/valor en el navegador
3+
Los objetos de almacenaje web `localStorage` y `sessionStorage` permiten guardar pares de clave/valor en el navegador.
44

5-
Lo que es interesante sobre ellos es que los datos sobreviven a una recarga de página (en el caso de `sessionStorage`) y hasta un reinicio completo de navegador (en el caso de `localStorage`). Lo veremos en breves.
5+
Lo que es interesante sobre ellos es que los datos sobreviven a una recarga de página (en el caso de `sessionStorage`) y hasta un reinicio completo de navegador (en el caso de `localStorage`). Lo veremos en breve.
66

77
Ya tenemos cookies. ¿Por qué tener objetos adicionales?
88

@@ -60,13 +60,13 @@ delete localStorage.test;
6060

6161
Esto se permite por razones históricas, y principalmente funciona, pero en general no se recomienda por dos motivos:
6262

63-
1. Si la clave es generada por el usuario, puede ser cualquier cosa, como `length` o `toString`, o otro método propio de `localStorage`. En este caso `getItem/setItem` funcionan correctamente, mientras que el acceso tipo objeto falla;
63+
1. Si la clave es generada por el usuario, puede ser cualquier cosa, como `length` o `toString`, u otro método propio de `localStorage`. En este caso `getItem/setItem` funcionan correctamente, mientras que el acceso tipo objeto falla;
6464
```js run
6565
let key = 'length';
66-
localStorage[key] = 5; // Error, can't assign length
66+
localStorage[key] = 5; // Error, no se puede asignar 'length'
6767
```
6868

69-
2. Existe un evento `storage`, que salta cuando modificamos los datos. Éste evento no salta si utilizamos el acceso tipo objeto. Lo veremos más tarde en éste capítulo.
69+
2. Existe un evento `storage`, que se dispara cuando modificamos los datos. Este evento no se dispara si utilizamos el acceso tipo objeto. Lo veremos más tarde en este capítulo.
7070

7171
## Iterando sobre las claves
7272

@@ -114,7 +114,7 @@ for(let key of keys) {
114114
}
115115
```
116116

117-
Ésta última opción funciona, ya que `Object.keys` solo devuelve las claves que pertenecen al objeto, ignorando el prototipo.
117+
Esta última opción funciona, ya que `Object.keys` solo devuelve las claves que pertenecen al objeto, ignorando el prototipo.
118118

119119
## Solo strings
120120

@@ -176,15 +176,15 @@ Esto es exactamente porque `sessionStorage` no está vinculado solamente al orí
176176

177177
## Evento storage
178178

179-
Cuando los datos se actualizan en `localStorage` o en `sessionStorage`, el evento [storage](https://www.w3.org/TR/webstorage/#the-storage-event) salta, con las propiedades:
179+
Cuando los datos se actualizan en `localStorage` o en `sessionStorage`, el evento se dispara [storage](https://www.w3.org/TR/webstorage/#the-storage-event) con las propiedades:
180180

181181
- `key` – la clave que ha cambiado, (`null` si se llama `.clear()`).
182182
- `oldValue` – el anterior valor (`null` si se añade una clave).
183183
- `newValue` – el nuevo valor (`null` si se borra una clave).
184184
- `url` – la url del documento donde ha pasado la actualización.
185185
- `storageArea` – bien el objeto `localStorage` o `sessionStorage`, donde se ha producido la actualización.
186186

187-
El hecho importante es: el evento salta en todos los objetos `window` donde el almacenaje es accesible, excepto en el que lo ha causado.
187+
El hecho importante es: el evento se dispara en todos los objetos `window` donde el almacenaje es accesible, excepto en el que lo ha causado.
188188

189189
Vamos a desarrollarlo.
190190

@@ -194,10 +194,10 @@ Imagina que tienes dos ventanas con el mismo sitio en cada una, de modo que `loc
194194
Quizá quieras abrir ésta página en dos ventanas distintas para probar el código que sigue.
195195
```
196196

197-
Si ámbas ventanas están escuchando el evento `window.onstorage`, cada una reaccionará a las actualizaciones que pasen en la otra.
197+
Si ambas ventanas están escuchando el evento `window.onstorage`, cada una reaccionará a las actualizaciones que pasen en la otra.
198198

199199
```js run
200-
// salta en actualizaciones hechas en el mismo almacenaje, des de otros documentos
200+
// se dispara en actualizaciones hechas en el mismo almacenaje, desde otros documentos
201201
window.onstorage = event => {
202202
if (event.key != 'now') return;
203203
alert(event.key + ':' + event.newValue + " at " + event.url);
@@ -210,11 +210,11 @@ Hay que tener en cuenta que el evento también contiene: `event.url` -- la url d
210210

211211
También que `event.storageArea` contiene el objeto de almacenaje -- el evento es el mismo para `sessionStorage` y `localStorage`, de modo que `storageArea` referencia el que se modificó. Podemos hasta querer cambiar datos en él, para "responder" a un cambio.
212212

213-
**Ésto permite que distintas ventanas del mismo orígen puedan intercambiar mensajes.**
213+
**Esto permite que distintas ventanas del mismo orígen puedan intercambiar mensajes.**
214214

215-
Los navegadores modernos también soportan la [API de Broadcast channel API](https://developer.mozilla.org/en-US/docs/Web/API/Broadcast_Channel_API), la API específica para la comunicación entre ventanas del mismo orígen. Es más completa, pero tiene menos soporte. Hay librerías que añaden polyfills para ésta API, basados en `localStorage`, para que se pueda utilizar en cualquier entorno.
215+
Los navegadores modernos también soportan la [API de Broadcast channel API](https://developer.mozilla.org/en-US/docs/Web/API/Broadcast_Channel_API), la API específica para la comunicación entre ventanas del mismo orígen. Es más completa, pero tiene menos soporte. Hay librerías que añaden polyfills para ésta API basados en `localStorage` para que se pueda utilizar en cualquier entorno.
216216

217-
## Resúmen
217+
## Resumen
218218

219219
Los objetos de almacenaje web `localStorage` y `sessionStorage` permiten guardar pares de clave/valor en el navegador.
220220
- Tanto la `clave` como el `valor` deben ser strings, cadenas de texto.
@@ -224,7 +224,7 @@ Los objetos de almacenaje web `localStorage` y `sessionStorage` permiten guardar
224224

225225
| `localStorage` | `sessionStorage` |
226226
|----------------|------------------|
227-
| Compartida entre todas las pestañas y ventanas que tengan el mismo orígen | Accesible en una pestaña del navegador, incluyendo iframes del mismo orígen |
227+
| Compartida entre todas las pestañas y ventanas que tengan el mismo orígen | Accesible en una pestaña del navegador, incluyendo iframes del mismo origen |
228228
| Sobrevive a reinicios del navegador | Muere al cerrar la pestaña |
229229

230230
API:
@@ -236,10 +236,10 @@ API:
236236
- `key(índice)` -- coje la clave en una posición determinada.
237237
- `length` -- el número de ítems almacenados.
238238
- Utiliza `Object.keys` para conseguir todas las claves.
239-
- Puede utilizar las claves como propiedades de objetor, pero en ese caso el evento `storage` no salta
239+
- Puede utilizar las claves como propiedades de objetor, pero en ese caso el evento `storage` no se dispara
240240

241241
Evento storage:
242242

243-
- Salta en las llamadas a `setItem`, `removeItem`, `clear`.
243+
- Se dispara en las llamadas a `setItem`, `removeItem`, `clear`.
244244
- Contiene todos los datos relativos a la operación, la `url` del documento y el objeto de almacenaje.
245-
- Salta en todos los objetos `window` que tienen acceso al almacenaje excepto el que ha generado el evento (en una pestaña en el caso de `sessionStorage` o globalmente en el caso de `localStorage`).
245+
- Se dispara en todos los objetos `window` que tienen acceso al almacenaje excepto el que ha generado el evento (en una pestaña en el caso de `sessionStorage` o globalmente en el caso de `localStorage`).

0 commit comments

Comments
 (0)