讲解

学任何语言的第一课都是让计算机说一句话。在 JavaScript 里,这只需要一行代码:console.log('你好,世界')。console.log 会把括号里的内容打印出来——在浏览器里打印到开发者工具的 Console 面板,在 Node.js 里打印到终端。它是我们观察程序行为、排查问题最基础的工具。

JavaScript 代码由一条一条「语句」组成,语句通常以分号结尾(现代 JavaScript 中分号大多可以省略,但建议养成写分号的习惯,避免少数情况下的解析歧义)。代码中可以写注释:单行注释用 // 开头,多行注释用 /* ... */ 包起来。注释是写给人看的,引擎会直接跳过它们。

在网页里,JavaScript 放在 标签中,可以直接内联,也可以通过 src 属性引入外部文件;在 Node.js 里,把代码存成 .js 文件后运行 node 文件名.js 即可。三种方式写出来的语言是同一种,本教程的示例在三种环境下都能运行(涉及网页的章节除外,会特别说明)。

示例

// 单行注释:下面这行会输出一句话
console.log('你好,世界!');

/*
 * 多行注释:
 * 下面演示一次输出多个值,
 * 以及输出表达式的计算结果。
 */
const name = '小明';
console.log('你好,', name, '!');
console.log('1 + 2 =', 1 + 2);
console.log('10 的二进制是', (10).toString(2));

注意 console.log 可以接收任意多个参数,它会用空格把它们连起来输出;数字、字符串、表达式都可以直接放进去。

常见坑

  • 字符串引号不配对:'你好" 这样一头单引号一头双引号会直接报语法错误,引号必须成对出现且类型一致。
  • 把 console.log 当成弹窗:它只输出到控制台,页面上看不到。想在页面显示内容需要操作 DOM(后面的章节会讲)。
  • 在字符串里误用引号:'I'm fine' 会因为中间的撇号提前截断字符串而报错,改用双引号 "I'm fine" 或转义 'I'm fine'。
  • 以为注释越多越好:注释解释「为什么」,代码本身表达「做什么」。一目了然的操作不必加注释。

小结

console.log 是 JavaScript 的「Hello World」,也是日常调试的主力工具。语句以分号结尾,注释用 // 或 /* */。下一节学习如何用变量保存数据。