时隔半年,重新面试(复习曾经会但忘记的)

localStorage 和 sessionStorage 的区别

localStorage和sessionStorage所使用的方法是一样的,下面以sessionStorage为栗子:

ini 复制代码
var name='sessionData';
var num=120;
sessionStorage.setItem(name,num);//存储数据
sessionStorage.setItem('value2',119);
let dataAll=sessionStorage.valueOf();//获取全部数据
console.log(dataAll,'获取全部数据');
var dataSession=sessionStorage.getItem(name);//获取指定键名数据
var dataSession2=sessionStorage.sessionData;//sessionStorage是js对象,也可以使用key的方式来获取值
 console.log(dataSession,dataSession2,'获取指定键名数据');
sessionStorage.removeItem(name); //删除指定键名数据
  console.log(dataAll,'获取全部数据1');
 sessionStorage.clear();//清空缓存数据:localStorage.clear();
  console.log(dataAll,'获取全部数据2');  

两者区别

  1. localStorage和sessionStorage的差别一个是永久保存在浏览器里面,一个是关闭网页就清除了信息。

  2. localStorage可以用来跨页面传递参数,sessionStorage则不可以。origin(源)相同的页面,sessionStorage是无法传递的。

  3. sessionStorage用来保存一些临时的数据,防止用户刷新页面之后丢失了一些参数。

Promise相关原理

promise中有三种状态

  • pending
  • fufilled
  • rejected

当 pending -> fufilled 或者 pending -> rejecte 状态改变后,状态就无法再变化了。

常见的promiseAPI

  • Promise.all

接收一个 promise数组,当所有promise都是成功状态,则返回一个成功状态的数组,否则当其中一个promise执行失败,则会catch 第一个执行失败的promise ,并返回原因。

  • Promise.allSettled

与all方法很像,不同的是,不会因为其中一个promise 失败了,就停止执行,而是等所有promise都完成后,方法携带promise状态的数组。

如下:

lua 复制代码
[
  { status: 'fulfilled', value: 3 },
  { status: 'rejected', reason: 'foo' }
]
  • Promise.race

接受一个 promise 数组,返回第一个完成(无论失败还是成功)

有点类似于赛马,看哪匹马跑得最快(哈哈哈)

相关推荐
前端开发爱好者1 分钟前
国产 Canvas 引擎!神器!
前端·javascript·vue.js
Canace8 分钟前
浏览器渲染原理概述
前端·性能优化·浏览器
啃火龙果的兔子15 分钟前
前端八股文性能调优篇
前端·前端框架
JarvanMo19 分钟前
停止与 Compose 导航作斗争(这 5 个技巧将改变一切)
前端
trsoliu29 分钟前
前端周刊第437期:AI编程助手、WebGPU实战与React生态新动态
前端
AnalogElectronic33 分钟前
vue3 实现贪吃蛇 电脑版01
javascript·vue.js·ecmascript
trsoliu34 分钟前
2025年Web前端前沿技术动态:WebGL动画、CSS View Transitions与HTML隐藏API
前端·javascript·css
trsoliu37 分钟前
2025年Web前端最新趋势:React基金会成立、AI编码助手崛起与Astro极速搜索
前端·javascript·react.js
一 乐40 分钟前
商城推荐系统|基于SprinBoot+vue的商城推荐系统(源码+数据库+文档)
前端·数据库·vue.js·spring boot·后端·商城推荐系统
亿元程序员1 小时前
为什么游戏公司现在都喜欢用protobuf?
前端