讲解
JavaScript 诞生于 1995 年,最初只是网景浏览器里一个用来做表单校验的小脚本语言,如今已经成为使用最广泛的编程语言之一。它运行在几乎所有现代浏览器中,负责网页的交互逻辑:点击按钮、提交表单、动态更新内容,背后都是 JavaScript 在工作。2009 年 Node.js 出现后,JavaScript 还走出了浏览器,可以写服务器、命令行工具、桌面应用甚至手机 App。学会这一门语言,就能覆盖前端、后端和工具开发三条路线。
JavaScript 的标准叫 ECMAScript,简称 ES。2015 年发布的 ES6(也叫 ES2015)是一次大更新,引入了 let/const、箭头函数、class、Promise、模块化等现代特性;从那之后标准每年更新一次(ES2016、ES2017……)。本教程全部使用现代语法,学到的东西在当前所有主流浏览器和 Node.js 里都能直接运行。
学习本教程你只需要两样东西:一个现代浏览器(Chrome、Edge、Firefox 均可,按 F12 打开开发者工具的 Console 面板就能写代码),以及可选的 Node.js(在终端输入 node 即可进入交互环境)。教程中大部分示例带有「运行」按钮,点一下就能看到真实输出,建议每学一节都动手改一改示例代码。
示例
下面是你的第一段 JavaScript 代码,点运行看看效果:
// 这是一行注释,不会被执行
const site = 'ohmydocs';
const year = 2026;
console.log('欢迎来到 ' + site);
console.log('今年是', year, '年');
console.log('JavaScript 已经', year - 1995, '岁了');
console.log 是最常用的输出方式,括号里可以放多个值,用逗号隔开。
常见坑
- 把 JavaScript 和 Java 混为一谈:两者除了名字几乎毫无关系,语法、设计、应用场景都不同,就像「雷锋」和「雷峰塔」。
- 以为 JavaScript 只能做网页:Node.js、Deno、Bun 等运行时让 JavaScript 可以做服务端和工具开发,不要自我设限。
- 用过时教程学习:网上大量教程还在教 var、document.write 等老写法。认准 ES6+(2015 年之后)的内容,本教程就是。
- 只看不动手:编程是技能而不是知识,每个示例都亲自运行、修改、破坏再修复,比读十遍都有效。
小结
JavaScript 是浏览器的原生语言,也是全栈开发的通用语言,遵循 ECMAScript 标准、每年演进。准备好浏览器控制台和 Node.js,就可以开始下一节:写出你的第一行代码。