Skip to content
Merged
Changes from 1 commit
Commits
File filter

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Delete and update translation
  • Loading branch information
abdmmar authored Oct 5, 2021
commit 7332fb49bc07e45bb68801f8166202a348741aa7
10 changes: 3 additions & 7 deletions 6-data-storage/02-localstorage/article.md
Original file line number Diff line number Diff line change
Expand Up @@ -42,16 +42,12 @@ localStorage.setItem('test', 1);
alert( localStorage.getItem('test') ); // 1
```

We only have to be on the same origin (domain/port/protocol), the url path can be different.

Kita hanya harus berada di *origin* yang sama (domain/port/protocol), *path* urlnya bisa berbeda.

`localStorage` dibagi antara semua *window* dengan *origin* yang sama, jadi jika kita mengatur data di satu *window*, perubahan akan terlihat di *window* lain.

## Akses seperti objek

We can also use a plain object way of getting/setting keys, like this:

Kita juga dapat menggunakan cara sebuah objek biasa untuk mendapatkan/mengatur *key*, seperti ini:

```js run
Expand Down Expand Up @@ -137,15 +133,15 @@ Kita dapat menggunakan `JSON` untuk menyimpan objek:
```js run
localStorage.user = JSON.stringify({name: "John"});

// sometime later
// kemudian
let user = JSON.parse( localStorage.user );
alert( user.name ); // John
```

Juga dimungkinkan untuk *stringify* seluruh objek penyimpanan, sebagai contoh untuk tujuan *debugging*:

```js run
// added formatting options to JSON.stringify to make the object look nicer
// menambahkan opsi pemformatan pada JSON.stringify untuk membuat objek terlihat lebih bagus
alert( JSON.stringify(localStorage, null, 2) );
```

Expand Down Expand Up @@ -213,7 +209,7 @@ localStorage.setItem('now', Date.now());

Harap perhatikan bahwa *event* juga berisi: `event.url` -- url dokumen tempat data diperbarui.

Also, `event.storageArea` contains the storage object -- the event is the same for both `sessionStorage` and `localStorage`, so `event.storageArea` references the one that was modified. We may even want to set something back in it, to "respond" to a change.
Selain itu, `event.storageArea` berisi objek penyimpanan -- *event*-nya sama untuk `sessionStorage` dan `localStorage`, jadi `event.storageArea` merujuk ke yang telah dimodifikasi. Kita bahkan mungkin ingin mengatur sesuatu kembali di dalamnya, untuk "merespons" perubahan.

**Itu memungkinkan window yang berbeda dari origin yang sama untuk bertukar pesan.**

Expand Down