回調函數是 JavaScript 中常用的一種編程模式，它的作用是將一個函數作為參數傳遞到另外一個函數中，等到被調用時再執行這個函數。通常用于異步編程、事件監聽等場景。 回調函數往往需要傳遞參數，以便在被調用時使用。在 JavaScript 中，回調函數的傳參方式受到多種因素的影響，包括作用域、函數的調用方式、this 指向等。 舉個例子，假設我們需要在頁面加載完成后執行某個函數并傳入參數，可以使用以下方式： ```JavaScript window.addEventListener('load', function() { var name = 'Tom'; myFunction(name); }); function myFunction(name) { console.log('Hello, ' + name); } ``` 在這個例子中，我們使用了 Window 對象的 load 事件，在頁面加載完成后執行一個匿名函數。這個匿名函數在內部定義了一個 name 變量，并將它作為參數傳遞給 myFunction 函數。當 myFunction 被調用時，它會打印出 Hello, Tom。 值得注意的是，這里將 myFunction 函數作為變量傳遞給 load 事件，而不是直接調用它。這是因為直接調用函數會改變函數內部 this 的指向，可能會導致出錯。使用變量調用函數可以保證 this 指向正確。 另一個常見的使用場景是在異步操作中使用回調函數傳參。比如在使用 Ajax 請求數據時，通常需要將請求結果作為回調函數的參數傳遞給后續的操作。下面是一個簡單的例子： ```JavaScript function fetchData(callback) { var xhr = new XMLHttpRequest(); xhr.open('GET', '/api/data'); xhr.onload = function() { callback(xhr.response); }; xhr.send(); } fetchData(function(data) { console.log('Data received: ' + data); }); ``` 在這個例子中，我們定義了一個 fetchData 函數，它使用 XMLHttpRequest 發起一個 GET 請求，并將回調函數作為參數傳遞進去。當請求完成后，會調用回調函數并傳入請求結果。 在調用 fetchData 函數時，使用一個匿名函數作為回調函數將請求結果打印出來。這個匿名函數也可以是一個已有的函數，以便對請求結果進行更復雜的操作。 需要注意的是，在使用回調函數傳參時，數據類型需要匹配。如果傳入的參數類型與回調函數的參數類型不一致，會導致錯誤。另外，在傳遞對象和數組等引用類型時，需要注意淺拷貝和深拷貝的問題。 總的來說，回調函數傳參是 JavaScript 中非常常見的一種編程模式，可以用于各種場景，包括事件監聽、異步編程等。在使用時需要注意作用域、this 指向和參數類型等問題，以保證代碼的正確性和可維護性。