JavaScript中的監聽函數是一種非常常見的編程技術，它允許我們在特定事件發生時執行特定代碼。這個事件可以是用戶的鼠標點擊、按鈕的點擊、輸入框的內容變化等，而執行的代碼可以是讓網頁中某個元素的顏色改變、隱藏某個內容等。監聽函數多用舉例說明，下面我們來看幾個實際應用中的例子：

// 示例1：添加一個按鈕的監聽事件
var btn = document.getElementById("btn");  // 獲取按鈕元素
btn.addEventListener("click", function(){  // 給按鈕添加事件監聽
alert("按鈕被點擊了");  // 執行的代碼
});
// 示例2：監聽輸入框內容的變化
var input = document.getElementById("input");  // 獲取輸入框元素
input.addEventListener("input", function(){  // 給輸入框添加事件監聽
console.log(input.value);  // 輸出輸入框的內容
});
// 示例3：鼠標移入移出時修改元素樣式
var elem = document.getElementById("elem");  // 獲取需要修改的元素
elem.addEventListener("mouseover", function(){  // 監聽鼠標移入事件
elem.style.backgroundColor = "red";  // 改變背景色
});
elem.addEventListener("mouseout", function(){  // 監聽鼠標移出事件
elem.style.backgroundColor = "white";  // 恢復原來背景色
});

以上是監聽函數在實際應用中的一些例子。從代碼實現看，監聽函數的使用很簡單：首先獲取需要添加監聽的元素，然后使用addEventListener方法，將事件類型和執行的代碼作為參數傳入即可。

除了上面的用法，監聽函數還具有一些有用的特性：

• 可以同時給一個元素添加多個不同類型的事件監聽，比如click、mouseover等；
• 可以通過removeEventListener方法，移除之前添加的事件監聽；
• 在監聽函數中，通過event對象可以獲取到觸發事件的一些信息，比如鼠標點擊時的坐標、按下的鍵位等。

最后需要注意的是，在使用監聽函數時，我們需要確保添加監聽的元素已經存在于頁面中。如果我們的代碼是在頁面加載之前執行的，需要使用window.onload或其他相關方法來確保元素已經存在，否則通過getElementById等方法獲取元素時會出現錯誤。