插件开发问题记录一---localStorage使用问题

因为一开始就封装了一个选择器函数，我想着把对应的值存储到locaStorage就行了，但是我没想到我

let $=name=>document.querySelectorAll(name);

我把这个选择器获取到的对象存进了一个数组arr里，假设页面上有id为app和abc的元素，我用选择器将他们获取到，然后保存到数组arr中

let arr=[$("#app"),$("#abc")];

接着又把这个数组的值给了localStorage.arr

localStorage.arr=arr

本来以为这样就可以将保存的数据进行操作，结果我打印localStorage.arr却打印出来跟我预想不一样的

console.log(localStorage.arr)

看起来好像没问题又好像有问题

实际上这个localStorage是string类型的，也就是说，这个Value实际上就是一串字符串。

我没细想，就觉得 欸，不就是string类型转array类型么，这个简单

var newArr=localStorage.arr.split(",");
console.log(typeof newArr,newArr);

结果，它打印出来一个这样的结果

这很明显就不对了吧，数组里面怎么是string类型???

想了想，卧槽，我怎么把这个给忘了，window.localStorage存的数据都是string类型的，也就是说，我不过是把一段 [object NodeList],[object NodeList] 的字符串以逗号做分割，分成了两个数组。

思考一下，既然它只能存放string类型，那要不我直接把数组的[ ]括号改成``反引号，这样的话那也是字符串了吧，然后，然后调用的时候就，，不对啊！这不还是跟上面一样的结果么。

重新思考一下，localStorage只能存字符串，那我每次只需要存需要的字符串进去，然后需要的时候取出来，用模板字符串的方式将localStorage.arr中的数据包裹住就可以了。

修改代码

将arr改成下面这样试下

let arr=["#app","#appp"];
localStorage.arr=arr;
let newArr= localStorage.arr.split(",");

甭管localStorage里面的类型，会自动转换的

是我一开始想的太乱了，其实我并不需要存那么多东西，只需要把id或者className给存进去就行的，而且，NodeList存入数组里，也不好判断啊