async/await
是 JavaScript 中处理异步操作的一种新语法,它提供了一种更简洁、更易读的方式来编写异步代码。
async
关键字用于声明一个函数是异步的,这意味着该函数内部可能会包含异步操作。异步函数总是返回一个 Promise 对象。
await
关键字用于在异步函数内部等待一个 Promise 的解析。使用 await
关键字会暂停异步函数的执行,直到 Promise 解析完成,然后返回 Promise 的解析值。
const getImage = async () => {
try {
const res = await axios.post('http://www....../api/api-token-auth', {
username: 'admin',
password: '123456'
});
console.log(res.data.token);
sessionStorage.setItem('token', res.data.token);
} catch (error) {
console.log('失败了');
console.log(error);
}
};
使用 async
关键字来声明函数,并使用 await
关键字等待 axios.post
的结果。如果请求成功,它将返回结果并将其存储在 res
变量中。如果请求失败,则将捕获错误并将其打印到控制台。
获取token
const token = localStorage.getItem('token'); // 从localStorage中获取
// 或
const token = sessionStorage.getItem('token'); // 从sessionStorage中获取
移除token
localStorage.removeItem('token'); // 从localStorage中移除
// 或
sessionStorage.removeItem('token'); // 从sessionStorage中移除
注意:localStorage和sessionStorage之间的主要区别在于它们的生命周期。localStorage中的数据会一直保留,直到用户手动删除或浏览器被清除缓存。而sessionStorage中的数据则会在页面会话结束时(通常是关闭浏览器标签页)被清除。