localStorage存储bool值，读取之后变字符串类型

今天遇到一个问题，其他的页面查询接口返回的一个参数，bool值，用来判断当前用户是否能购买特定商品，最开始想到的是，吧其他的页面接口返回的数据放到本地存储中去，在另外一个页面拿出来进行判断，决定前端是否能够购买的交互逻辑。
在存储好之后，在读取的时候，发现了bool变成了字符串类型，所以使用

if(localStorage.getItem('isTrue')){}

这种方法判断，从本地存储读取出来的数据是字符串类型的 true/false，所以，不论true/false都是true ,显然不能用这种方法。（pc端）但是我使用uniapp，使用uni.setStorageSync()和uni.getStorageSync()在h5上试了一下，返回的bool值。
对于pc端，解决的办法是使用：eval()

 var isTrue = false;localStorage.setItem('isTrue',isTrue)console.log(localStorage.getItem('isTrue'))console.log(typeof localStorage.getItem('isTrue'))//stringconsole.log(typeof eval(localStorage.getItem('isTrue')))//boolean`

当然最后我还是没有使用locaStorage方式来存储bool值，因为这个值相对来说是敏感值，不可以直接放到本地存储中，很容易被懂技术的人员，在本地存储中修改这个值，从而造成安全隐患。
下面是我写的demo：

  <button>购买</button>var btnDom = document.getElementsByTagName('button')[0]
var isTrue = false;
localStorage.setItem('isTrue',isTrue)
var isShow = eval(localStorage.getItem('isTrue'))//写在这里，页面只加载一次，再次修改本地存储值，不会影响已经执行过的代码全局变量值
btnDom.addEventListener('click',function(e){// var isShow = eval(localStorage.getItem('isTrue'))//这里做判断在手动被别人修改本地存储值后，会影响下面程序的执行，弹出可以购买if(isShow){alert('可以购买')}else{alert('不能购买')}
})

eval():
eval() 函数可计算某个字符串，并执行其中的的 JavaScript 代码。
eval()函数可以把字符串当做一个语句去执行，这样有一个弊端：比如：字符串中含有删除文件的语句。那就危险了，所以使用要谨慎。
localStorage局限性

1、浏览器的大小不统一，并且在 IE8 以上的 IE 版本才支持 localStorage 这个属性。
2、目前所有的浏览器中都会把localStorage的值类型限定为string类型，这个在对我们日常比较常见的JSON对象类型需要一些转换。
3、localStorage在浏览器的隐私模式下面是不可读取的。
4、localStorage本质上是对字符串的读取，如果存储内容多的话会消耗内存空间，会导致页面变卡。
5、localStorage不能被爬虫抓取到。
localStorage 与 sessionStorage 的唯一一点区别就是 localStorage 属于永久性存储，而 sessionStorage 属于当会话结束的时候，sessionStorage 中的键值对会被清空。
6、存储过多数据会导致页面变卡，因为localStorage的本质是对字符串的读取
7、不要存储敏感信息
tips
不同浏览器无法共享localStorage,相同浏览器的不同页面间可以共享相同的 localStorage（页面属于相同域名和端口），但是不同页面或标签页间无法共享sessionStorage的信息。这里需要注意的是，页面及标签页仅指顶级窗口，如果一个标签页包含多个iframe标签且他们属于同源页面，那么他们之间是可以共享sessionStorage的。

localStorage存储bool值，读取之后变字符串类型相关推荐

localStorage存储数据的格式
1. localStorage 是以字符串的形式来存储的 //存:转为字符串let obj = {"name":"Lee","age":&q ...
php布尔类型转为字符串,php将布尔值类型转为了字符串类型，比如传入isAnalog:true，处理后isAnalog:true...
传入参数:{"cpid":"111","ipid":0,"pointType":1,"isAnalog&quo ...
Redis数据类型--字符串类型
夫陶公清风千古,余又何人,敢称庶几文章目录介绍一.基本命令 1. 赋值与取值 2. 递增数字二.命令进阶 1. 增加指定的整数 2. 减少指定的整数 3. 增加指定浮点数 4. 向尾部追加值 ...
请实现一个算法，确定一个字符串的所有字符是否全都不同。这里我们要求不允许使用额外的存储结构。给定一个string iniString，请返回一个bool值,True代表所有字符全都不同，False代
请实现一个算法,确定一个字符串的所有字符是否全都不同.这里我们要求不允许使用额外的存储结构. 给定一个string iniString,请返回一个bool值,True代表所有字符全都不同,False代 ...
Android本地存储键值对,flutter本地存储键值对简单数据(相当于web的localstorage) 代码实现...
flutter中存储键值对简单数据(相当于前端localstorage概念) 首先需要安装一个官方推荐包: 1 dependencies: 2 flutter: 3 sdk: flutter 4 sh ...
vue保存页面的值_vue中使用localStorage存储信息
一什么是localStorage 对浏览器来说,使用 Web Storage 存储键值对比存储 Cookie 方式更直观,而且容量更大,它包含两种:localStorage 和 sessionSto ...
scala函数式变程，curry，读取文件，字符串插值，隐式转换，模式匹配
文章目录 scala函数式变程 scala读取文件字符串插值 scala隐式转换模式匹配,偏函数,try catch scala函数式变程 object AdFunctionApp {def ma ...
使用localStorage存储数据每次调用setItem()它都会添加或覆盖现有值
JSON.stringify()的作用是将 JavaScript 对象转换为 JSON 字符串,而JSON.parse()可以将JSON字符串转为一个对象. 简单点说,它们的作用是相对的,我用JSON ...
python基础入门--input标签、变量、数字类型、列表、字符串、字典、索引值、bool值、占位符格式输出...
# 在python3 中: # nian=input('>>:') #请输入什么类型的值,都成字符串类型# print(type(nian)) # a = 2**64# print(typ ...

localStorage存储bool值，读取之后变字符串类型

localStorage存储bool值，读取之后变字符串类型相关推荐

最新文章

热门文章