在线 JavaScript 编译器
在浏览器中编写、运行并调试 JavaScript 代码,适合学习、练习与快速验证。
JavaScript 代码编辑器
输出
标准输出(stdout)
标准错误(stderr)
执行信息
退出码:
运行状态:
使用说明
- 在左侧编辑器编写 JavaScript 代码(支持现代 ES 语法)。
- 点击“运行代码”即可在线执行程序(Node.js 环境)。
- 右侧面板展示输出与错误信息。
- 绿色区域为标准输出(例如
console.log)。 - 红色区域为运行错误与警告。
- 执行信息包含退出码与运行状态。
- 快捷键:
Ctrl+Enter(Mac 上为Cmd+Enter)。
JavaScript 基础
Hello World:
console.log('Hello, JavaScript!');
常用类型:
number/string/boolean/null/undefinedobject(含数组[])、function、symbol、bigint- 声明变量:
const/let(块级作用域,避免var带来的问题)
控制结构
条件与循环:
const n = 5;
if (n % 2 === 0) {
console.log('even');
} else {
console.log('odd');
}
for (let i = 0; i < 3; i++) {
console.log(i);
}
if (n % 2 === 0) {
console.log('even');
} else {
console.log('odd');
}
for (let i = 0; i < 3; i++) {
console.log(i);
}
函数与数组
示例:
function add(a, b) { return a + b; }
const nums = [3, 7, 1, 9, 4];
console.log(add(2, 3));
console.log(Math.max(...nums));
const nums = [3, 7, 1, 9, 4];
console.log(add(2, 3));
console.log(Math.max(...nums));
示例程序(点击上方运行)
1. 递归计算阶乘
function factorial(n) {
return n <= 1 ? 1 : n * factorial(n - 1);
}
console.log('5! =', factorial(5));
return n <= 1 ? 1 : n * factorial(n - 1);
}
console.log('5! =', factorial(5));
2. 数组最大值
const nums = [3, 7, 1, 9, 4];
console.log('Maximum:', Math.max(...nums));
console.log('Maximum:', Math.max(...nums));