在Javascript中，閉包是一個非常重要的概念。它能夠在函數作用域的基礎上，讓函數訪問其外部函數定義的變量。與此同時，閉包還能夠傳遞變量值，從而讓函數之間進行通信。本文將詳細介紹Javascript中閉包和傳值的相關概念，同步提供豐富的代碼示例，希望能夠幫助讀者更好地理解這個重要的概念。
首先來看一個例子。假設我們現在有一個函數makeCounter，這個函數能夠生成一個計數器。代碼如下：

function makeCounter() {
var count = 0;
return function() {
return count++;
};
}

我們可以調用這個函數，來生成一個計數器：

var counter = makeCounter();
console.log(counter()); // 0
console.log(counter()); // 1
console.log(counter()); // 2

在這段代碼中，我們調用了makeCounter函數生成了一個counter函數。每次調用counter函數時，它都會返回一個遞增的計數值，這個計數值是記錄在counter函數中的一個變量count中的。通過閉包，counter函數能夠訪問到count變量，而count變量只能在makeCounter函數內部被訪問。這樣，我們就創建了一個私有的計數器，避免了全局變量的污染。
除了訪問外部變量，閉包還可以傳遞值。在Javascript中，函數也是一種值，因此我們可以將閉包作為參數傳遞給其他函數。

function greet(name, message) {
return message + ' ' + name;
}
<br>
function greetWrapper(name, greeter) {
return function() {
return greeter(name, 'Hello');
};
}
<br>
var greeting = greetWrapper('John', greet);
console.log(greeting()); // Hello John

在這個例子中，我們定義了兩個函數，一個是greet函數，它接收一個name和一個message參數，并返回一個字符串。另一個是greetWrapper函數，它接收一個name和一個函數參數greeter。在greetWrapper函數中，我們返回了一個函數，這個函數會調用greeter函數，并傳遞name和一個'Hello'字符串作為參數。最后，我們將greetWrapper函數的返回值賦值給了一個變量greeting，并調用了這個變量，得到了'Hello John'這個字符串。
通過這個例子，我們可以看到閉包是如何在函數之間傳遞變量值的。通過將一個函數作為參數傳遞給另一個函數，在后者中調用前者并傳遞一些參數，我們就可以將一個函數內部的變量值傳遞給另一個函數，在不同的函數之間進行通信。
需要注意的是，閉包也有可能導致內存泄漏。如果我們在使用閉包時不注意，可能會導致一些不必要的內存占用。比如：

function createListeners() {
var elements = document.getElementsByTagName('button');
var i;
for (i = 0; i < elements.length; i++) {
elements[i].addEventListener('click', function() {
console.log('Button ' + i + ' clicked');
});
}
}
<br>
createListeners();

在這段代碼中，我們定義了一個createListeners函數，它獲取頁面中所有button元素，然后給它們綁定了一個click事件。在事件處理函數中，我們嘗試打印按鈕的編號。但是，當我們運行這個代碼時，會發現點擊任何一個按鈕都只會打印'Button 3 clicked'這個信息。
這是因為在閉包中，我們引用了循環中的變量i，而這個變量實際上是一個在createListeners函數作用域中定義的變量。由于閉包會保留外部函數的變量狀態，因此在事件處理函數執行的時候，i實際上已經被循環到最后一個值了，也就是3。因此，無論點擊哪個按鈕，都只會打印這個值。
為了避免這個問題，我們可以使用一個立即調用的函數表達式，來捕獲每次循環中的i值：

function createListeners() {
var elements = document.getElementsByTagName('button');
var i;
for (i = 0; i < elements.length; i++) {
(function(index) {
elements[index].addEventListener('click', function() {
console.log('Button ' + index + ' clicked');
});
})(i);
}
}
<br>
createListeners();

在這個版本的代碼中，我們將一個立即調用的函數表達式包裝在了閉包中，來捕獲每次循環中的i值，并將這個值作為參數傳遞給事件處理函數。這樣，我們就避免了循環變量泄漏的問題。
總之，閉包是Javascript中一個重要的概念，它能夠讓我們在函數之間傳遞變量值，從而實現函數之間的通信。同時，我們需要注意閉包可能導致的內存泄漏問題，及時釋放不必要的變量引用。通過本文中的示例代碼，相信讀者對閉包的概念和使用方法已經有了初步的了解。