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

Question

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

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())
    //iterate
    .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');