JavaScript中的引用指的是一種復雜數據類型，它允許我們在代碼中聲明一個變量，但是這個變量并不直接儲存值，而是儲存一個指向另一個值的“引用”。這種引用可以指向任何JavaScript的原始數據類型，也可以指向另一個對象。這篇文章將會介紹JavaScript中引用的概念和基本的使用方法。

我們可以通過以下代碼創建一個引用：

let obj1 = {name: 'John'};
let obj2 = obj1;

在這個例子中，我們創建了一個名為obj1的對象字面量。然后我們創建了一個名為obj2的變量，并將其設置為obj1的引用。這意味著obj2實際上并不儲存任何值，它只是指向obj1的地址。因為obj2和obj1指向同一個地址，它們指向的對象是完全相同的。如果我們改變obj1的屬性，obj2也會受到影響：

obj1.name = 'Jane';
console.log(obj2.name); // 輸出'Jane'

我們也可以將引用放到數組中：

let arr1 = [1, 2, 3];
let arr2 = arr1;
arr1.push(4);
console.log(arr2); // 輸出[1, 2, 3, 4]

這個例子中，我們創建了一個名為arr1的數組，并給它添加了三個元素。然后我們創建了一個名為arr2的變量，并將其設置為arr1的引用。當我們給arr1添加第四個元素時，arr2也會列舉出相同的數組。

當我們需要復制對象或數組時，我們需要注意引用。使用以下方式進行拷貝操作：

let arr1 = [1, 2, 3];
let arr2 = [...arr1];
arr1.push(4);
console.log(arr2); // 輸出[1, 2, 3]

在這個例子中，我們使用了“展開運算符”(...)，它允許我們將一個數組“展開”為多個參數。將arr1展開后，我們將它們傳遞給一個新數組，這個新數組是arr2。當我們向arr1添加第四個元素時，arr2仍然只包含前三個元素。

引用也可以作為函數的參數進行傳遞。使用以下代碼實現：

const changeName = (obj) => {
obj.name = 'Jane';
}
let obj1 = {name: 'John'}
changeName(obj1);
console.log(obj1.name); // 輸出'Jane'

在這個例子中，我們創建了一個名為changeName的函數，它接受一個對象作為參數。在函數的內部，我們將對象的'name'屬性設置為'Jane'。然后我們創建了一個名為obj1的對象字面量，并將其傳遞給changeName函數。因為我們傳遞的是obj1的引用而不是整個對象，所以當我們修改對象時，obj1也受到了影響。

在JavaScript中，引用非常重要，因為它們允許我們在代碼中快速而輕松地操作嵌套和復雜的數據類型。然而，當使用引用時，我們需要特別注意傳遞對象和數組的拷貝，以避免對其他代碼的干擾。