使用事件监听机制对购物车添加产品成功以后的回调进行多个地方的执行。
- 在
theme.addedToCartHandler
函数中触发一个自定义事件。 - 在其他地方监听这个事件,并执行对应的逻辑。
JavaScript
// 在 theme.addedToCartHandler 中觸發事件
document.dispatchEvent(new CustomEvent('productAddedToCart', { detail: response }));
// 在其他地方監聽事件
document.addEventListener('productAddedToCart', function(event) {
console.log('產品已添加到購物車:', event.detail);
// ... 自定义逻辑
});
需要注意的是
- 函数位置:确保在引用或覆写函数之前,已经载入了包含
theme.addedToCartHandler
的函数所在的引用文件。 - 冲突避免:如果有多个地方需要引用这个函数,要注意避免命名冲突。
- 性能考虑:如果您在回调函数中执行了过多的操作,可能会影响页面的载入速度。