当前位置：首页 > JavaScript

js 实现 shell

2026-04-06 05:15:13JavaScript

JavaScript 实现 Shell 功能

在 JavaScript 中实现 Shell 功能可以通过多种方式完成，包括 Node.js 的 child_process 模块、浏览器端的模拟 Shell 或使用第三方库。

使用 Node.js 的 `child_process` 模块

Node.js 提供了 child_process 模块，允许执行系统命令并获取输出。以下是一个简单的实现：

js 实现 shell

const { exec } = require('child_process');

function executeCommand(command) {
    return new Promise((resolve, reject) => {
        exec(command, (error, stdout, stderr) => {
            if (error) {
                reject(stderr);
            } else {
                resolve(stdout);
            }
        });
    });
}

// 示例：执行 `ls` 命令
executeCommand('ls -l')
    .then(output => console.log(output))
    .catch(err => console.error(err));

使用 `spawn` 实现交互式 Shell

spawn 更适合交互式 Shell，因为它可以实时处理输入和输出：

js 实现 shell

const { spawn } = require('child_process');
const readline = require('readline');

const shell = spawn('bash');

const rl = readline.createInterface({
    input: process.stdin,
    output: process.stdout
});

shell.stdout.on('data', (data) => {
    console.log(data.toString());
});

shell.stderr.on('data', (data) => {
    console.error(data.toString());
});

rl.on('line', (input) => {
    shell.stdin.write(input + '\n');
});

浏览器端的模拟 Shell

在浏览器中可以通过模拟 Shell 行为实现类似功能，但无法直接执行系统命令：

const terminal = document.getElementById('terminal');
const input = document.getElementById('input');

input.addEventListener('keydown', (e) => {
    if (e.key === 'Enter') {
        const command = input.value;
        terminal.innerHTML += `$ ${command}<br>`;
        input.value = '';

        // 模拟命令处理
        if (command === 'help') {
            terminal.innerHTML += 'Available commands: help, echo<br>';
        } else if (command.startsWith('echo ')) {
            terminal.innerHTML += command.substring(5) + '<br>';
        } else {
            terminal.innerHTML += `Command not found: ${command}<br>`;
        }
    }
});

使用第三方库

一些第三方库如 xterm.js 提供了更完整的终端模拟功能：

import { Terminal } from 'xterm';
import { FitAddon } from 'xterm-addon-fit';

const term = new Terminal();
const fitAddon = new FitAddon();
term.loadAddon(fitAddon);
term.open(document.getElementById('terminal'));
fitAddon.fit();

term.write('Hello from \x1B[1;3;31mxterm.js\x1B[0m $ ');

term.onKey(({ key }) => {
    term.write(key);
});