localStorage请使用getItem 和setITem
来源:互联网 发布:问卷调查数据分析 编辑:程序博客网 时间:2024/05/22 08:10
最近看别人的代码,发现他们在从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(object){ localStorage.object = JSON.stringify(object);}//用getItem方式来实现:function storage_object (object){ localStorage.setItem(object,JSON.stringify(object));}
这时候就会明显的发现用dot的方式是很不合适的。因为他不能实现动态的绑定key。
2.感觉用getItem更美观,容易读懂。这个是个人意见。我记得我看过一段代码,作用大概是实现计数吧:
locatStorage.count++
我看见他的时候, 当时就蒙圈了。确实挺简单的,但是不容易懂啊。这是在考验我啊。
大概就是这样。
0 0
- localStorage请使用getItem 和setITem
- localStorage请使用getItem 和setITem
- localStorage请使用getItem 和setITem
- 关于localStorage的一些操作如getItem,setItem等
- 使用localstorage.setItem()存储对象
- localStorage.getItem
- html5 动态存储 localStorage.name 和localStorage.setItem()的差别
- localStorage.getItem与sessionStorage
- react-native-image-picker上传头像 + modal浮层 +AsyncStorage.setItem-getItem
- sessionStorage 和 localStorage 使用体会
- localStorage和sessionStorage使用总结
- localStorage和sessionStorage的使用
- 请描述一下 cookies,sessionStorage 和 localStorage 的区别?
- 请描述一下 cookies,sessionStorage 和 localStorage 的区别?
- 请描述一下 cookies,sessionStorage 和 localStorage 的区别?
- 请描述一下 cookies,sessionStorage 和 localStorage 的区别?
- 请描述一下 cookies,sessionStorage 和 localStorage 的区别?
- 请描述一下 cookies,sessionStorage 和 localStorage 的区别?
- Android小工具
- sqoop(2)
- Javascript模块化编程:require.js的用法
- 【杭电】2025 查找最大元素(字符串有毒系列!!)
- android ListView 单条局部刷新方法实践及原理解析
- localStorage请使用getItem 和setITem
- TC COM插件接入百宝云注册码系统示例
- IP头,TCP头,UDP头,MAC帧头定义
- swift中跳转WKWebView 链接不含汉字的写法
- poj1088(记忆化搜索)
- 红宝书-日N3-文字词汇-1
- [深入剖析React Native]热更新之react-native-pushy使用指南(Android)
- codeforces 712C C. Memory and De-Evolution(贪心)
- React Native error “Could not get BatchedBridge