如何将提取数据存储到以后可以访问的全局变量中

Question

下面的代码获取特定产品类型的所有产品，并且数组中有我想在不同函数中使用的数据。我该如何将提取的数据存储到一个变量中，以便在不同的函数中使用(我需要添加一个点击事件和过滤器，以便在其他地方显示来自该数组的其他信息(

const displayProduct = (event) => {
const info =document.getElementById('info');
const ul = document.getElementById('makeup-list');
ul.innerHTML = " ";
fetch(`https://makeup-api.herokuapp.com/api/v1/products.json/?product_type=${event.target.value}`)
.then(res => res.json())
.then(data => {
data.forEach(data => {
info.innerHTML += `<li><a href="#" data-id=>${data.name}</a></li>`;
});

Answer 1

您可以使用localStorage-https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage

保存在本地存储：

ul.innerHTML = " "
fetch( `https://makeup-api.herokuapp.com/api/v1/products.json/?product_type=${event.target.value}`)
.then(res => res.json())
//iterate
.then(data => {
localStorage.setItem('myData', data);
....
}

在另一个函数中获取数据：

const data = localStorage.getItem('myData');