本地存储数据

 我们在写登录页面或者是一些需要保存用户cookie的页面时，需要用到本地存储的功能。

 图片中介绍了本地存储中的常用方法，接下来我们可以看看在使用中可能遇到的错误。

1.  当用户存储一个对象的时候，若是直接setItem('person',{age: 20, name: '黑猫几绛'})，存储在本地的数据会对该person进行一次toString，也就是说本地存储中的value为[Object Object]。因此，我们在存储对象形式的数据时，需要先通过JSON.Stringfy(Obj)将对象转化为字符串，然后再进行存储。相对应的，在取出时通过JSON.parse将字符串转化为对象进行使用。

2. 当我们尝试使用getItem获取一个并不存在的Key时，返回值为null，通过parse后的结果仍然为null。假设我们想向这个key所对应的value中存放数组并进行获取，而访问时我们还并未放数据。那么获取到的数据为null，如果想要获取数组的长度，此时就会报错。(null.length)

因此在访问数组类型数据的时候，我们可以多加一个判断，来保证获取数组的结果至少是一个空数组。

const todos = JSON.parse(localStorage.getItem('todos')) || []