JavaScript中的驗證碼是一種常見的增強安全性的措施，可以有效的防止機器惡意攻擊。下面我們來看一下JavaScript中驗證碼的代碼怎么寫，以及常見的實現方式。

首先，我們可以使用簡單的隨機數實現驗證碼的功能。比如以下代碼：

function createCode() {
var code = "";
var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
for (var i = 0; i < 6; i++) {
code += possible.charAt(Math.floor(Math.random() * possible.length));
}
return code;
}
var code = createCode();

上面的代碼首先定義了一個createCode函數，該函數會生成一個長度為6的隨機驗證碼，包含字母和數字的隨機組合。接下來，我們可以調用該函數生成一個隨機的驗證碼，存儲在變量code中。

其次，我們可以使用canvas技術實現驗證碼的功能。比如以下代碼：

var canvas = document.getElementById("canvas");
var context = canvas.getContext("2d");
var code = "";
function createCode() {
var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
for (var i = 0; i < 6; i++) {
code += possible.charAt(Math.floor(Math.random() * possible.length));
}
}
function drawCode() {
var verificationCode = document.getElementById("verificationCode");
context.fillStyle = "#f9f9f9";
context.fillRect(0, 0, canvas.width, canvas.height);
context.font = "bold 30px Arial";
context.strokeStyle = "#000";
context.strokeText(code, 10, 40);
verificationCode.value = code;
}
createCode();
drawCode();

上面的代碼首先定義了一個canvas元素和一個canvas的上下文，然后定義了兩個函數，分別用于生成隨機的驗證碼和繪制驗證碼。接著，我們調用createCode函數生成驗證碼，然后調用drawCode函數繪制驗證碼并將驗證碼存儲在文本框中。

除此之外，還有一些常見的驗證碼實現方式，比如基于時間戳的驗證碼、基于加密算法的驗證碼等等。無論哪種實現方式，JavaScript中的驗證碼都是一種非常實用的安全防護措施，可以在很大程度上保護我們的系統和用戶信息的安全。