JavaScript 中的冒泡是一種經常用到的事件傳遞機制，這種機制可以將事件從底層元素傳遞至高層元素，以達到相應的效果。

舉個例子，假設我們現在有一個頁面，頁面中有一個 div 元素和一個 p 元素，p 元素被嵌套在 div 元素中。如果我們給 div 元素添加了一個點擊事件，那么當我們在 p 元素上點擊時，這個點擊事件會從底層元素（p 元素）開始向高層元素（div 元素）進行傳遞，以觸發相應的響應事件。

const div = document.querySelector('div');
const p = document.querySelector('p');
div.addEventListener('click', () =>{
console.log('我被點擊了');
});
p.addEventListener('click', () =>{
console.log('我也被點擊了');
});

在上述代碼中，我們給 div 元素和 p 元素分別添加了一個點擊事件，并在事件回調函數中打印了一條信息。如果我們在 p 元素上進行點擊，我們會發現這兩個回調函數都被觸發了，這就是冒泡機制的應用。

除了點擊事件之外，冒泡機制還可以應用于其他諸如鼠標懸停、鍵盤敲擊等事件中。在這些事件中，冒泡機制都可以將事件從底層元素傳遞至高層元素，以觸發相應的響應事件。

然而，在實際開發中，我們有時候希望阻止事件冒泡，以避免不必要的事件響應。如何實現阻止事件冒泡呢？在 JavaScript 中，我們可以使用 event.stopPropagation() 方法實現該功能。

const div = document.querySelector('div');
const p = document.querySelector('p');
div.addEventListener('click', () =>{
console.log('我被點擊了');
});
p.addEventListener('click', (event) =>{
console.log('我也被點擊了');
event.stopPropagation();
});

在上述代碼中，我們在 p 元素的點擊事件回調函數中調用了 event.stopPropagation() 方法，以阻止事件冒泡。這樣一來，當我們在 p 元素上進行點擊時，只有 p 元素的點擊事件被觸發，而不再傳遞到 div 元素上。

綜上，在 JavaScript 中，冒泡機制可以幫助我們實現事件傳遞，以達到相應的效果。然而，在某些情況下，我們需要阻止事件冒泡，以避免不必要的事件響應，這時我們可以使用 event.stopPropagation() 方法實現該功能。