JavaScript 新手入门：从零写出你的第一行代码

如果你想入门编程，JavaScript 可能是最友好的一门语言：不需要安装任何开发环境，打开浏览器就能运行；语法宽容，写错了大不了刷新页面重来。本文带你从零开始，认识这门语言，并写出真正能运行的代码。

一、JavaScript 是什么，在哪里运行

JavaScript 最初是为网页设计的脚本语言，用来让页面“动起来”：按钮点击弹出提示、表单自动校验、图片轮播，背后几乎都有它的身影。如今它早已走出浏览器，可以写服务器（Node.js）、写手机 App、写桌面应用，是一门名副其实的“全栈语言”。

对新手来说，最大的好处是零门槛：在任意浏览器的地址栏旁边按 F12（或右键“检查”），切换到 Console（控制台）选项卡，输入代码按回车，就能立刻看到运行结果。

二、第一个程序：Hello, World

在控制台输入下面这行代码并回车：

console.log("Hello, World!");

你会看到控制台打印出 Hello, World!。console.log 是新手最好的朋友，以后调试程序几乎天天都要用它。

三、变量与数据类型

变量就是给数据起个名字，方便后面使用：

let name = "小明";      // 字符串：用引号包起来的文字
let age = 18;         // 数字：可以直接参与运算
let isStudent = true; // 布尔值：只有 true / false 两种

注意三点：let 用来声明变量；字符串要用引号；每一行末尾习惯加分号。JavaScript 还有 const，用来声明不会再改变的常量，比如 const PI = 3.14。

四、条件判断：让程序会“思考”

let score = 85;
if (score >= 60) {
  console.log("及格了！");
} else {
  console.log("继续努力！");
}

if 后面的括号里是条件，成立就执行大括号里的代码，否则执行 else 里的。常见的比较符号有 >、<、===（严格等于，推荐使用）。

五、循环：把重复的事交给电脑

for (let i = 1; i <= 5; i++) {
  console.log("第" + i + "次问好");
}

这段代码会打印 5 行问候语。for 循环由三部分组成：从哪里开始（i = 1）、到哪里结束（i <= 5）、每次怎么变（i++ 表示加 1）。

六、函数：把代码装进盒子里

当一段逻辑要反复使用，就把它装进函数：

function sayHello(who) {
  console.log("你好，" + who + "！");
}

sayHello("小红");
sayHello("小刚");

who 是参数，调用时传入不同的值，函数就会输出不同的问候。函数是 JavaScript 最核心的概念之一，早点熟悉它非常值得。

七、一个小实战：猜数字游戏

把前面学的东西拼起来，写一个能玩的小游戏：

let answer = 7;
let guess = 5;
if (guess === answer) {
  console.log("猜对了！");
} else if (guess < answer) {
  console.log("太小了，再大一点！");
} else {
  console.log("太大了，再小一点！");
}

试着把 guess 改成不同的数字，观察输出的变化。编程就是这样：改一行代码，看一次结果，在“试错—观察”中慢慢建立感觉。

八、新手常踩的三个坑

1. 引号不成对：字符串的开头和结尾引号必须是同一种，少一个就会报错。
2. 大小写写错：console.log 不能写成 Console.Log，JavaScript 严格区分大小写。
3. 把 = 和 === 搞混：= 是赋值，=== 才是比较相等，条件判断里要用后者。

遇到红色报错别慌，把报错信息复制到搜索引擎里，几乎一定有人遇到过同样的问题。

九、给新手的学习路线建议

1. 先掌握变量、条件、循环、函数这“四大件”，能写小程序即可。
2. 接着学数组和对象，这是处理真实数据的必备工具。
3. 然后做几个网页小项目：待办清单、简易计算器、倒计时，把知识用起来。
4. 最后再接触 DOM 操作和事件，做出可以点击交互的页面。

每天写一点代码，比周末突击五小时更有效。编程是手艺活，手感是练出来的。

结语

JavaScript 的入门曲线非常平缓，但天花板足够高——从第一行 console.log，到独立开发一个网站，都是同一门语言。现在就打开浏览器控制台，敲下你的第一行代码吧！