在 Web 開發過程中，我們常常需要在前端和后端之間傳遞數據。而 JSON（JavaScript Object Notation）就是一種常用的數據交換格式，其在 JavaScript 中的應用非常廣泛。接下來，我們將介紹如何使用 JSON 將 JavaScript 變量傳遞。

首先，我們需要將 JavaScript 中的數據轉化為 JSON 格式，這可以通過 JSON.stringify() 函數實現：

var obj = {name: "Tom", age: 18};
var jsonObj = JSON.stringify(obj);
console.log(jsonObj);

上述代碼將 obj 對象轉化為 JSON 字符串，可以在控制臺中打印出結果：

{"name":"Tom","age":18}

然后，我們可以將 JSON 字符串傳遞給后端，后端再將其轉化為相應的數據格式進行處理。下面是一個示例，假設后端頁面接收到一個 JSON 字符串：

var jsonString = '{"name":"Tom","age":18}';
var jsonObj = JSON.parse(jsonString);
console.log(jsonObj.name); // 輸出 Tom

上述代碼將接收到的 JSON 字符串轉化為 JSON 對象，可以通過 jsonObj.xxx 的方式獲取其中的屬性值。

最后，如果我們需要在頁面中使用后端返回的數據，我們可以將 JSON 對象轉化為 JavaScript 對象，如下所示：

var jsonObj = {"name": "Tom", "age": 18};
var obj = JSON.parse(JSON.stringify(jsonObj));
console.log(obj.name); // 輸出 Tom

總結一下，JSON 提供了一種簡單易用、跨平臺的數據交換格式，可以輕松將 JavaScript 變量與后端數據進行傳遞。在實際開發中，我們需要注意數據格式的轉化和處理，避免錯誤發生。