Javascript傳遞與引用
JavaScript是一種動態的、面向對象的腳本語言，它被廣泛應用于前端開發。在學習JavaScript時，了解其傳遞與引用是必不可少的。
傳遞和引用分別指的是對值的傳遞和對對象的傳遞。當值被傳遞時，函數創建一個值的副本并用它來工作。而當對象被傳遞時，函數引用原始對象并對其進行操作，可能會導致原始對象的值發生變化。
舉個例子，假設我們有一個名為“addOne”的函數，它的作用是將傳入的數字加1并返回。

function addOne(num) {
return num + 1;
}
let number = 5;
addOne(number); // 輸出6
console.log(number); // 輸出5

在這里，我們將數字5傳遞給“addOne”函數。當函數被調用時，數字5被傳遞給“num”。函數使用傳遞給它的值來執行操作，但它不會修改原始數字5的值。
現在，讓我們看看函數如何處理對象傳遞。

let person = {
name: 'John',
age: 27
}
function changeAge(person) {
person.age = 30;
}
changeAge(person);
console.log(person.age); // 輸出30

在這里，我們定義了一個名為“person”的對象，其中包含名稱和年齡屬性。然后，我們調用了一個名為“changeAge”的函數，并傳遞了“person”對象。函數的作用是將人的年齡更改為30。函數使用傳遞給它的對象來執行操作，并導致原始對象的值發生變化。
盡管傳遞值和傳遞對象的方式不同，但都有一些特殊情況需要注意。例如，有時候函數可以返回對象。這些對象可以是新對象，也可以是原始對象的引用。

let person = {
name: 'John',
age: 27
};
function increaseAge(person) {
return {
...person,
age: person.age + 1
};
}
let olderPerson = increaseAge(person);
console.log(olderPerson.age); // 輸出28
console.log(person.age); // 輸出27

在這里，函數“increaseAge”返回一個年齡加1的新對象，而不修改原始對象。我們將返回的對象存儲在名為“olderPerson”的變量中，它包含原始對象的復制品。因此，對新對象所做的任何更改都不會影響原始對象。
在JavaScript中，傳遞和引用的概念是非常重要的。無論您是處理值還是對象，都必須了解函數如何與它們交互，以便正確地處理它們并防止出現意外的變化。希望這篇文章可以幫助您更好地理解它們！