晚回答，但觉得在这里补充了一些观点。

会话存储将可用于特定的选项卡，因为我们可以通过浏览器使用本地存储。两者默认都是同源的，我们也可以手动用键、值对存储值(值必须是字符串)。

一旦浏览器的选项卡(会话)关闭，那么会话存储将在该选项卡上被清除，在本地存储的情况下，我们需要显式地清除它。最大存储限制分别为5MB和10MB。

我们可以像下面这样保存和检索数据，

保存:

sessionStorage.setItem('id', noOfClicks);   // localStorage.setItem('id', noOfClicks);

sessionStorage.setItem('userDetails', JSON.stringify(userDetails));   // if it's object

得到:

sessionStorage.getItem('id');    // localStorage.getItem('id');

User user = JSON.parse(sessionStorage.getItem("userDetails")) as User;  // if it's object

修改:

sessionStorage.removeItem('id');    // localStorage.removeItem('id');

sessionStorage.clear();   // localStorage.clear();

p.s.: getItem()也返回数据作为字符串，我们需要将其转换为JSON格式来访问如果它是对象。

你可以阅读更多关于浏览器存储在这里。

localStorage, sessionStorage和cookie的区别 localstorage-vs-sessionstorage

本地存储:保存没有过期日期的用户信息数据，当用户关闭浏览器窗口时，这些数据不会被删除，它将在天，周，月和年可用。

//Set the value in a local storage object
localStorage.setItem('name', myName);

//Get the value from storage object
localStorage.getItem('name');

//Delete the value from local storage object
localStorage.removeItem(name);//Delete specifice obeject from local storege
localStorage.clear();//Delete all from local storege

会话存储:它与本地存储日期相同，只是当web用户关闭浏览器窗口时，它会删除所有窗口。

//set the value to a object in session storege
sessionStorage.myNameInSession = "Krishna";

阅读更多点击

sessionStorage与localStorage相同，只是它只存储一个会话的数据，并且当用户关闭创建它的浏览器窗口时，它将被删除。

在我看来，会话存储相对于本地存储的优势在于，它在Firefox中具有无限的容量，并且不会持续比会话更长的时间。(当然这取决于你的目标是什么。)

sessionStorage为每个给定的源维护一个单独的存储区域，该存储区域在页面会话期间可用(只要浏览器打开，包括页面重新加载和恢复)。 localStorage做同样的事情，但是即使浏览器关闭并重新打开，它仍然存在。

我从Web存储API中获得了这个

会话存储和本地存储在行为上是相同的，除了一个是本地存储将存储数据，直到用户删除缓存和cookie，会话存储数据将保留在系统中，直到我们关闭会话i，直到我们关闭会话存储创建的窗口。