JavaScript 在线运行器

Web 工具

在浏览器中实时编写运行 JavaScript，支持 console 输出与错误提示，适合快速测试代码片段、学习语法与调试算法逻辑，用于前端调试、接口联调与 SEO 配置，本地处理保护隐私，免费且无需登录即可使用。

代码

// 在这里写 JavaScript 代码
// Write your JavaScript code here

const arr = [1, 2, 3, 4, 5];
const sum = arr.reduce((a, b) => a + b, 0);
console.log('Sum:', sum);

const doubled = arr.map(n => n * 2);
console.log('Doubled:', doubled);

// Try the Fibonacci sequence
function fib(n) {
  return n < 2 ? n : fib(n - 1) + fib(n - 2);
}
console.log('Fib(10):', fib(10));

输出

点击"运行"查看输出...

关于 JavaScript 在线运行器

JavaScript 代码运行工具在浏览器中直接执行 JS 代码并捕获 console.log、console.warn、console.error 和 console.info 的输出，同时显示代码执行耗时（毫秒级精度）。通过拦截 console 方法将输出重定向到页面面板，支持 ES6+ 语法包括箭头函数、async 与 await、可选链、空值合并和模板字面量。代码在浏览器沙箱中执行，无需安装 Node.js 或配置开发环境，适合快速验证代码片段、学习 JavaScript 语法和调试正则表达式。一个重要的边界是：这里跑在浏览器环境，而不是 Node.js——因此 require、fs、process 这类 Node 内置模块不可用，但你可以直接用浏览器原生 Web API。支持定义变量和函数后在后续代码中引用，适合分步调试复杂逻辑和验证算法实现的正确性。验证异步逻辑时可直接书写异步函数并在其中等待结果，输出会一并捕获。其余时间注意两条：一是不运行不可信的第三方代码，二是尽量避免改动当前页面的全局状态。

使用方法

打开 JavaScript 在线运行器工具页面
根据需求输入或粘贴数据到输入区域
查看实时处理结果，使用复制按钮获取输出

使用场景

快速验证算法 — 粘贴代码片段，立即看到执行结果和输出。
学习 JavaScript — 边学边练，实时查看代码运行效果。
调试正则表达式 — 快速测试正则匹配结果，无需切换到其他工具。
验证数据处理逻辑 — 测试 JSON 解析、数组操作等数据处理代码。
分步调试 — 先定义变量与函数，再在后续代码里引用，逐步验证复杂逻辑。
分享可运行片段 — 在文档或论坛恢复可复现的 JS 示例，方便别人直接跑通确认。

常见问题

安全吗？

代码在浏览器中通过 new Function 执行，隔离了全局作用域。但请不要运行不受信任的代码。

支持 ES6+ 吗？

支持。浏览器原生支持所有现代 JavaScript 语法，包括 async/await、箭头函数、解构等。

能用 DOM API 吗？

可以访问 document 和 window 对象，但修改可能影响当前页面。建议仅做纯逻辑运算。

支持 Node.js API 吗？

不支持。这是浏览器环境，没有 require、fs、process 等 Node.js API。

异步代码能跑吗？

能。你可以写 async 函数并在其中 await，跑完后再把输出一并展示，配合毫秒级耗时便于核对。

能捕获未捕获的异常吗？

会。抛出的错误会被捕获并以红色输出到面板并给出堆栈，方便定位是哪一行出的问题。

参考来源

评论与讨论

还没有评论，来抢沙发吧！

相关工具