在JavaScript中，可以使用以下幾種方法讀取串口數據：

1. Web Serial API：Web Serial API是一種新的Web標準，可以通過JavaScript直接訪問串口設備。可以使用navigator.serial對象來枚舉可用的串口設備，并使用read()方法讀取數據。

示例代碼：

navigator.serial.requestPort().then(port => {
// 打開串口
return port.open();
}).then(() => {
// 監聽數據
port.addEventListener('datareceived', event => {
const reader = event.target.reader;
reader.read().then(({ value, done }) => {
if (!done) {
// 處理數據
console.log(value);
}
});
});
}).catch(error => {
console.error(error);
});

2. 使用Node.js的串口庫：如果你的JavaScript代碼運行在Node.js環境中，可以使用Node.js的串口庫來讀取串口數據。常用的串口庫有serialport和node-serialport。可以使用這些庫提供的API來打開串口、監聽數據和讀取數據。

示例代碼：

const SerialPort = require('serialport');
const port = new SerialPort('/dev/ttyUSB0', { baudRate: 9600 });
port.on('data', data => {
// 處理數據
console.log(data);
});

3. 使用Electron框架：如果你使用Electron框架開發桌面應用程序，可以使用其提供的serialport模塊來讀取串口數據。可以使用require('serialport')來引入模塊，并使用相應的API來打開串口、監聽數據和讀取數據。

示例代碼：

const SerialPort = require('serialport');
const port = new SerialPort('/dev/ttyUSB0', { baudRate: 9600 });
port.on('data', data => {
// 處理數據
console.log(data);
});

需要注意的是，前兩種方法需要瀏覽器或Node.js環境支持串口訪問，而Electron框架則可以在桌面應用程序中直接使用。