最近看别人的代码,发现他们在从localStorage里面的时候喜欢用dot来操作,而不是get setItem,记得以前说过这个事。下面再说一次吧。
用dot方式来操作( 每次以'hello'=>'world','zhangsan'=>'lisi'来做为例子)
设值 localStorage.hello = 'world'; localStorage.zhangsan = 'lisi'; 取值: var value_of_hello_in_localStorage = localStorage.hello; var value_of_zhangsan_in_localStorage = localStorage.zhangsan
用getItem setItem来操作
设值: localStorage.setItem("hello", "world"); localStorage.setItem("zhangsan", "lisi"); 取值: localStorage.getItem("hello"); localStorage.getItem("zhangsan");
这两种方法的效率我不清楚,但是为什么推荐使用get setItem呢?
1.容易控制,便于动态绑定,尤其在函数抽离和重构中。比如我要存一个复杂类型,每次存的时候都需要做JSON.stringify(object_a),所以我把它抽成函数
//用dot方式来实现设值: function storage_object(key,object_value) { localStorage.key = JSON.stringify(object_value); } //用getItem方式来实现: function storage_object (key,object_value) { localStorage.setItem(key,JSON.stringify(object_value)); }
这时候就会明显的发现用dot的方式是很不合适的。因为他不能实现动态的绑定key。
2.感觉用getItem更美观,容易读懂。这个是个人意见。我记得我看过一段代码,作用大概是实现计数吧
locatStorage.count++
相关推荐
一,背景 因为网站系统的日益庞大,不同域名业务,甚至不同合作方网站的cookie可能或多或少需要进行共享使用,遇到这个情况的时候,大家...背景中说过我们使用localstorage来代替cookie,本身localstorage和cookie
利用localStorage创建空间数据库,使localStorage也能像数据库一样使用
该文档在vue中实现localstorage存储,获取等基本操作,用于浏览器端缓存数据。可根据需要实现多久时间自动过期
提供get,set,del方法,快捷在本地存储数据,所有浏览器通用(不支持localstorage的,使用cookie保存)
localStorage在安卓内内置浏览器中报错解决,最好的解决的方法
使用 localStorage 缓存js
用EasyUI + localStorage做一个简易学生管理系统,1.进入主页面(提示登陆)==>账号密码输入正确,登陆成功,进入信息管理页面(有学生管理,课程管理及教师管理)2.进入主页面(提示登陆)==>无账号,进入注册页面=...
使用Typescript编写更加易用的localStorage和sessionStorage的API
H5打包成安卓app后,js的localstorage失效报错
本文给大家分享一段js代码利用利用localStorage防止页面动态添加数据刷新后数据丢失问题,代码简单易懂,非常不错,具有参考借鉴价值,需要的朋友参考下
使用HTML+CSS+Javascript(ES6) / jQuery以及LocalStorage实现简易的学生管理系统,支持学生信息(学号、姓名、专业、班级)的CRUD
html 5 localStorage本地存储
localStorage,sessionStorage的使用-介绍了localStorage,sessionStorage基本信息及使用注意事项
使用webSql,LocalStorage作为数据存储,实现数据的增删改查
backbone的扩展库backbone-localstorage.js
利用localStorage实现对ueditor编辑内容定时保存为草稿可以防止意外情况导致编辑内容消失!
React组件可以安全地在渲染阶段将数据保存到localStorage
本地存储加密如何使用单向散列密码作为基于会话的密钥,使用 256 SHA 加密 localStorage 的示例。 当用户通过服务器进行身份验证时,可以创建用作 localStorage 解密密钥的单向哈希。 查看实时代码: :
基于jQuery3.4.1版本的localStorage购物车,注意将jQuery和html放在同一目录下
cookie使用,localStorage使用, cookie的简单使用。Html5中localStorage的使用