JavaScript是一種非常受歡迎的編程語言，因為它非常靈活，具有許多有用的功能。其中，參數傳遞是JavaScript中一個非常重要的概念。在JavaScript中，參數傳遞可以通過值傳遞或引用傳遞來完成。本文將詳細介紹這兩種方法，并通過舉例說明它們的工作原理和區別。 值傳遞是通過將參數作為值傳遞給函數來實現的。這意味著函數的參數是其自己的副本，因此對參數的任何更改都不會影響原始值。例如，當你調用一個函數，并傳遞一個數字參數時，參數將被復制到函數中，而原始值不會發生改變。下面是一個例子：

function multiplyByTwo(x) {
x = x * 2;
console.log(x);
}
let num = 10;
multiplyByTwo(num); // 輸出：20
console.log(num); // 輸出：10

在上面的代碼中，我們定義了一個函數multiplyByTwo，它接受一個參數x，并將其乘以2。我們還在函數外定義了一個變量num，并將其設置為10。當我們調用函數multiplyByTwo并傳遞變量num時，函數將創建變量x的副本，并將其值設置為10。函數內部的代碼將變量x乘以2，并在控制臺上輸出20。然而，當我們在函數外部再次輸出變量num時，它仍然保持不變，輸出結果為10。 引用傳遞是通過將參數作為引用傳遞給函數來實現的。這意味著函數將使用參數的原始值而不是副本。因此，任何對參數的更改都會被反映到原始值中。下面是一個例子：

function changeTitle(title) {
title.innerText = "新標題";
}
let header = document.querySelector(".header");
changeTitle(header);

在上面的代碼中，我們定義了一個函數changeTitle，它接受一個參數title。我們還創建了一個名為header的變量，它使用document.querySelector選擇文檔中的header類。當我們調用函數changeTitle并傳遞變量header時，函數將使用元素的引用而不是其副本。因此，當函數在元素上執行更改時，元素的原始值將被更改，而不僅僅是在函數中。 值傳遞和引用傳遞的區別在于它們如何處理參數。對于值傳遞，函數接受的參數是其自己的副本，因此對參數的任何更改不會影響原始值。對于引用傳遞，函數接受參數的原始值，因此對參數的更改將反映在原始值中。下面是一個更全面的例子：

var person = {
name: "張三",
age: 30
}
function changePerson(person) {
person.name = "李四";
person.age = 35;
}
changePerson(person);
console.log(person.name); // 輸出：李四
console.log(person.age); // 輸出：35

在上面的代碼中，我們定義了一個名為person的對象，其包含兩個屬性：name和age。我們還定義了一個函數changePerson，并將它傳遞給對象person作為參數。當我們調用函數changePerson時，它將對象的屬性name更改為“李四”，將屬性age更改為35。因此，當我們在函數外部輸出屬性name和age時，它們的值已經被更改為“李四”和35。 總之，JavaScript中有兩種參數傳遞方法：值傳遞和引用傳遞。值傳遞是通過將參數作為值傳遞給函數來完成的，而引用傳遞是將參數作為引用傳遞給函數來完成的。這兩種方法的主要區別在于它們如何處理參數。值傳遞會將參數復制到函數內部，不會影響原始值。引用傳遞使用參數的原始值，并將更改反映在原始值中。為了充分發揮JavaScript的功能，我們需要了解這兩種方法，并在需要時正確使用它們。