假設(shè)有一個(gè)表單輸入框，用戶需要輸入一個(gè)年齡：
<input type="text" id="age">
我們可以通過JavaScript獲取到用戶輸入的年齡，并與字符串進(jìn)行拼接，以便輸出一條包含年齡的信息：
var age = document.getElementById("age").value;
var message = "您的年齡是" + age + "歲";
console.log(message);運(yùn)行上面的代碼，如果用戶輸入了 25，那么控制臺(tái)會(huì)輸出：
您的年齡是25歲
需要注意的是，JavaScript中數(shù)字加字符串的結(jié)果可能會(huì)讓我們感到意外。例如：
console.log("2" + 2); // 輸出 "22"
console.log(2 + "2"); // 輸出 "22"這是因?yàn)椋?dāng)一個(gè)數(shù)字和一個(gè)字符串相加時(shí)，JavaScript會(huì)將數(shù)字轉(zhuǎn)換為字符串，然后再進(jìn)行拼接。如果兩個(gè)操作數(shù)都是字符串，則直接拼接。下面再來看一個(gè)例子：
console.log(1 + "2" + 3); // 輸出 "123"
這里先是將數(shù)字 1 轉(zhuǎn)換為字符串 "1"，然后與字符串 "2" 進(jìn)行拼接得到 "12"，再與數(shù)字 3 進(jìn)行拼接得到 "123"。
在實(shí)際開發(fā)中，還有一種情況需要特別注意：當(dāng)字符串中包含一個(gè)或多個(gè)數(shù)字時(shí)，數(shù)字和字符串進(jìn)行拼接時(shí)可能會(huì)產(chǎn)生意想不到的結(jié)果。例如：
console.log("10" + 20); // 輸出 "1020"這是因?yàn)椋址械臄?shù)字被視為一個(gè)整體，與另一個(gè)數(shù)字進(jìn)行拼接時(shí)，也會(huì)將數(shù)字轉(zhuǎn)換為字符串，然后直接拼接。如果我們想要進(jìn)行加法運(yùn)算，需要將字符串轉(zhuǎn)換為數(shù)字：
console.log(Number("10") + 20); // 輸出 30或者使用 parseInt 或 parseFloat 進(jìn)行轉(zhuǎn)換：
console.log(parseInt("10") + 20); // 輸出 30
console.log(parseFloat("10.2") + 2); // 輸出 12.2最后需要提醒的一點(diǎn)是，當(dāng)數(shù)字和字符串進(jìn)行拼接時(shí)，如果沒有使用適當(dāng)?shù)睦ㄌ?hào)，可能會(huì)產(chǎn)生預(yù)期之外的結(jié)果。例如：
console.log(1 + 2 + "3"); // 輸出 "33"
console.log("3" + 1 + 2); // 輸出 "312"第一個(gè)例子中，JavaScript會(huì)先計(jì)算 1 + 2 得到數(shù)字 3，再將數(shù)字 3 轉(zhuǎn)換為字符串與字符串 "3" 進(jìn)行拼接得到 "33"。第二個(gè)例子中，JavaScript會(huì)將字符串 "3" 和數(shù)字 1 進(jìn)行拼接得到 "31"，然后再與數(shù)字 2 進(jìn)行拼接得到 "312"。
總結(jié)一下，JavaScript中數(shù)字加字符串是一種常見的操作，在表單處理、字符串拼接等方面非常常見。需要注意的是，在數(shù)字和字符串進(jìn)行拼接時(shí)，JavaScript會(huì)根據(jù)類型自動(dòng)進(jìn)行轉(zhuǎn)換，可能會(huì)產(chǎn)生一些意外結(jié)果，需要特別小心。如果需要進(jìn)行加法運(yùn)算，需要將字符串轉(zhuǎn)換為數(shù)字。