如下圖所示，SAP 電商云 UI，用戶的購物車 ID，持久化在瀏覽器的 local storage 里：

運(yùn)行時(shí)，通過封裝好的函數(shù) getStorage 讀取：

為什么會(huì)觸發(fā) State module 的加載？

并沒有直接用到 StateModule：

默認(rèn)使用 local storage：

新建一個(gè) subscription，自執(zhí)行：

上圖代碼的邏輯：

unsubscribe 之后仍然可以 subscribe，為啥？

對(duì)于 interval 產(chǎn)生的 Observable 來說，可以被 unsubscribe.

最后用的是瀏覽器的原生 API 讀取 local storage 數(shù)據(jù)：

代碼第 47 行的 storage 引用，來自函數(shù) getStorage，從 winRef 獲取：

winRef 通過依賴注入生成：

winref 包含了 Spartacus 團(tuán)隊(duì)針對(duì) Document 的一個(gè)封裝：

直接利用 Angular 標(biāo)準(zhǔn)的 injection token 來檢測(cè)運(yùn)行環(huán)境是瀏覽器還是服務(wù)器：

更多Jerry的原創(chuàng)文章，盡在：“汪子熙”:

總結(jié)

以上是生活随笔為你收集整理的SAP Spartacus 如何使用 API 从浏览器 local Storage 读取数据的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。