什么情况下会导致SessionStorage被清除？

SessionStorage是HTML5提供的一种用于在浏览器中存储数据的技术。它与LocalStorage相似，但有一些特定的使用场景和限制。本文将介绍SessionStorage在什么情况下会被删除，并提供具体的代码示例。

SessionStorage是一种会话级别的存储机制，它的数据只在当前会话（即当前浏览器窗口或标签页）中有效，并在会话结束后被自动清除。具体来说，以下几种情况会导致SessionStorage被删除：

1. 关闭浏览器窗口或标签页
   当用户关闭浏览器窗口或标签页时，会话就会结束，此时SessionStorage中保存的数据将被删除。这是因为SessionStorage是与会话相关联的，它只在当前会话中有效。

2. 手动清除SessionStorage
   开发者可以通过调用SessionStorage的clear()方法来手动清除所有保存在其中的数据。例如：

   sessionStorage.clear();

3. 浏览器崩溃或异常退出
   如果浏览器崩溃或异常退出，SessionStorage中的数据将会丢失。这是因为会话中的数据都是保存在浏览器的内存中的，而不是持久化到硬盘上。

下面是一段代码示例，演示了如何使用SessionStorage存储和读取数据：

// 存储数据
sessionStorage.setItem('name', 'Tom');
sessionStorage.setItem('age', '25');
// 读取数据
var name = sessionStorage.getItem('name');
var age = sessionStorage.getItem('age');
console.log(name); // 输出：Tom
console.log(age);  // 输出：25

需要注意的是，SessionStorage中只能存储字符串类型的数据。如果要存储其他类型的数据，需要使用JSON.stringify()方法将其转换为字符串，然后再存储。读取数据时，可以使用JSON.parse()方法将字符串转换为原始的数据类型。

总之，SessionStorage是一种临时存储机制，适用于需要在会话期间保持数据的场景。但需要记住，它的数据具有一定的时效性，在特定情况下会被自动删除。使用SessionStorage时要注意数据的保存时机和生命周期，以免造成数据丢失或不一致的问题。