在 JavaScript 中，我們可以使用字符串變量和數字變量進行相加。這使得我們可以在網頁中動態地顯示數字和字符串。舉個例子：

var num = 10;
var str = "20";
document.write(num + str); // 輸出 1020

在上面的例子中，我們定義了一個數字變量 num，并將其值設置為 10。然后，我們定義了一個字符串變量 str，并將其值設置為 "20"。最后，我們使用加法運算符將這兩個變量相加，結果輸出為 1020。

可以看到，JavaScript 自動將數字變量和字符串變量進行轉換。在這個例子中，數字 10 被轉換成了字符串 "10"，然后與字符串 "20" 進行拼接。最終的結果是一個字符串 "1020"。

但是需要注意的是，如果字符串中包含非數字字符，那么相加的結果就會變得不可預測。我們再來看一個例子：

var num = 10;
var str = "20a";
document.write(num + str); // 輸出 1020a

在這個例子中，我們將字符串變量 str 的值設置為 "20a"。當我們將數字變量 num 和字符串變量 str 相加時，JavaScript 將數字 10 轉換為字符串 "10"，然后與字符串 "20a" 進行拼接。因為字符串中包含非數字字符 "a"，所以最終輸出的結果是一個字符串 "1020a"。

如果我們想要將字符串變量轉換成數字變量進行相加，可以使用 parseInt() 函數。該函數可以將字符串轉換成整數。例如：

var num = 10;
var str = "20";
document.write(num + parseInt(str)); // 輸出 30

在這個例子中，我們使用 parseInt() 函數將字符串變量 str 轉換成整數，并將其與數字變量 num 相加。最終輸出的結果是數字 30。

JavaScript 中可以使用 parseFloat() 函數將字符串轉換成浮點數。例如：

var num = 10.5;
var str = "20.8";
document.write(num + parseFloat(str)); // 輸出 31.3

在這個例子中，我們使用 parseFloat() 函數將字符串變量 str 轉換成浮點數，并將其與浮點數變量 num 相加。最終輸出的結果是數字 31.3。

在 JavaScript 中，我們可以使用字符串變量和數字變量進行相加，但需要注意的是，如果字符串中包含非數字字符，那么相加的結果就會變得不可預測。如果想要將字符串變量轉換成數字變量進行相加，可以使用 parseInt() 或 parseFloat() 函數。