8个字概括localStorage与sessionStorage区别相同点作用一致：都是存储数据都是只能存储字符串类

1. 相同点
  - 作用一致：都是存储数据
  - 都是只能存储字符串类型数据（上限5MB）

1. 不同点：存储方式不同
  - localStorage：硬盘存储（永久存储，页面关闭还在，存在硬盘）
  - sessionStorage：内存存储（临时存储，页面关闭了就消失）

延伸: localStorage与sessionStorage如何存储引用类型数据（数组和对象）

转json存储代码如下:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <h1>localStorage存储对象类型</h1>
    <button class="btn1">存对象</button>
    <button class="btn2">取对象</button>
    <script>
        let obj = {
            name: '张三',
            gfs: ['学生', '上课', '敲代码']
        }

        document.querySelector('.btn1').onclick = function () {
            // 存: (1)js -> json (2)存json
            // (1)js -> json
            // let jsonStr = JSON.stringify(obj)
            // (2)存json
            // localStorage.setItem('user', jsonStr)

            // 合写一行
            localStorage.setItem('user', JSON.stringify(obj))
        }

        document.querySelector('.btn2').onclick = function () {
            // 取: (1)取json (2)json - > js
            // (1)取json
            // localStorage.getItem('user')
            // (2)json - > js
            // let jsObj = JSON.parse(jsonStr)

            // 合写一行
            let jsObj = JSON.parse(localStorage.getItem('user'))
            console.log(jsObj)
        }
    </script>
</body>

</html>