Function 如何在javascript中访问函数外部的局部变量?

Function 如何在javascript中访问函数外部的局部变量?,function,events,scope,global,local,Function,Events,Scope,Global,Local,我试图访问我在DeleteItem的addToCart中定义的这些元素;我知道它们是本地的,但我不能在函数之外定义它们,因为我通过单击addToCart按钮获得它们 那么,我该如何使用这里的“删除”按钮呢 const productImage = event.target.previousElementSibling.firstElementChild.src; const pos = productImage.indexOf("img") + 3; co

我试图访问我在DeleteItem的addToCart中定义的这些元素;我知道它们是本地的,但我不能在函数之外定义它们,因为我通过单击addToCart按钮获得它们 那么,我该如何使用这里的“删除”按钮呢

  const productImage = event.target.previousElementSibling.firstElementChild.src;    
  const pos = productImage.indexOf("img") + 3;
  const imagePath = productImage.slice(pos);
  const productName = event.target.previousElementSibling.lastElementChild.children[0].textContent;
  const productPrice = event.target.previousElementSibling.lastElementChild.children[1].textContent;
  const div = document.createElement("div");  
  div.classList.add("item");
  div.classList.add("prodItem");
  div.innerHTML = `
  <img src="img${imagePath}" alt="">
  <p class="name">${productName}</p>
  <p class="detail"><span class="prodPrice">${productPrice}</span><span><input min="1" class="num" type="number" value="4"></span> <span class="del" href="#">Delete</span></p>
  `;
  shoppingCartWrapper.append(div);
}



function deleteItem(){
    const item = event.target.parentElement.parentElement;
    item.remove();
}

const main = () => {

 //    Add To Cart
 addToCartBtn.forEach(element => {
     element.addEventListener("click",addToCart)
 });

// Delete Button 
deleteBtn.forEach(element => {
    element.addEventListener("click",deleteItem)
});

}

main();
const productImage=event.target.previousElementSibling.firstElementChild.src;
const pos=productImage.indexOf(“img”)+3;
const imagePath=productImage.slice(pos);
const productName=event.target.previousElementSibling.lastElementChild.children[0]。textContent;
const productPrice=event.target.previousElementSibling.lastElementChild.children[1].textContent;
const div=document.createElement(“div”);
div.classList.add(“项目”);
div.classList.add(“prodItem”);
div.innerHTML=`

${productName}

${productPrice}删除

`; shoppingCartWrapper.append(div); } 函数deleteItem(){ const item=event.target.parentElement.parentElement; 项。删除(); } 常量main=()=>{ //添加到购物车 addToCartBtn.forEach(元素=>{ 元素。addEventListener(“单击”,addToCart) }); //删除按钮 deleteBtn.forEach(元素=>{ 元素。addEventListener(“单击”,删除项) }); } main();