当前位置：首页 > JavaScript

js实现io

2026-03-15 00:27:44JavaScript

JavaScript 实现 I/O 操作的方法

JavaScript 提供了多种方式实现输入输出（I/O）操作，具体方法取决于运行环境（浏览器或 Node.js）。

浏览器环境下的 I/O

文件读取 使用 <input type="file"> 元素让用户选择文件，通过 FileReader API 读取内容：

document.getElementById('fileInput').addEventListener('change', function(e) {
  const file = e.target.files[0];
  const reader = new FileReader();
  reader.onload = function(e) {
    console.log(e.target.result);
  };
  reader.readAsText(file);
});

控制台输出 使用 console 对象进行基础输出：

js实现io

console.log('输出文本');  // 普通日志
console.error('错误信息'); // 错误输出

Node.js 环境下的 I/O

文件系统模块 使用 fs 模块进行文件操作：

const fs = require('fs');

// 同步读取文件
const data = fs.readFileSync('file.txt', 'utf8');
console.log(data);

// 异步读取文件
fs.readFile('file.txt', 'utf8', (err, data) => {
  if (err) throw err;
  console.log(data);
});

标准输入输出 通过 process 对象处理标准 I/O：

js实现io

process.stdin.on('data', data => {
  process.stdout.write(`接收到：${data}`);
});

跨平台方案

使用第三方库 如 axios 处理网络 I/O：

const axios = require('axios');
axios.get('https://api.example.com/data')
  .then(response => {
    console.log(response.data);
  });

Stream API 处理大文件时使用流：

const fs = require('fs');
const readStream = fs.createReadStream('largefile.txt');
readStream.on('data', chunk => {
  console.log(`接收到 ${chunk.length} 字节数据`);
});

不同场景需要选择对应的 I/O 方案，浏览器端主要依赖 Web API，Node.js 则可以使用原生模块或第三方库实现更复杂的文件系统操作。