JavaScript 如何入门

在网页上点个按钮就弹出“你好呀”，或是滑动页面时图片跟着动，这些有趣的交互效果，大多藏着一个叫JavaScript的小工具里。对刚接触编程的人来说，别被“脚本语言”“前端开发”这些词吓住，它其实是个比你想的更接地气的小帮手，入门时抓准几个关键点，很快就能上手。

先搞懂：JavaScript到底是什么？

很多人刚学的时候会混淆，其实你可以把网页当成一个三层小房子：HTML是地基，用来搭出文字、图片、按钮这些“家具框架”；CSS是墙面和装饰，负责把房子涂成喜欢的颜色、摆成舒服的布局；而JavaScript就是房子里的“小管家”，能让按钮动起来、让图片跟着你滚动，甚至和你聊两句。举个例子，你逛电商网站时，把鼠标移到商品图片上，图片会自动变大，就是这个小管家在干活。

入门第一步：别着急写代码，先搭好“小舞台”

写JavaScript代码不需要复杂的软件，只要有个普通的文本工具就行——Windows用记事本，Mac用文本编辑，甚至手机上的备忘录都能凑合用。你需要先建一个最基础的网页文件，就是把三个文件放在同一个文件夹里：一个.html文件（用来当舞台）、一个.js文件（用来放小管家的代码）。

举个最简单的例子：在.html文件里写一行<script src="你的js文件名.js"></script>，就像告诉网页“小管家在这儿，快请进来”。然后在.js文件里写一行alert("欢迎学JavaScript！")，保存后双击打开.html文件，你会看到一个小弹窗——这就是你写的第一行代码在工作，是不是比想象中简单？

入门第二步：抓准核心的“小技能”，别贪多

刚入门别想着一下子学会做游戏、做网站，先啃透三个最基础的“小技能”，就够做很多有趣的小效果了。

第一个是“变量”，就像你把零食放进抽屉，抽屉的名字就是变量名，零食就是变量里存的东西——比如let 零食 = "薯片"，你以后要用薯片时，直接叫“零食”就行，不用每次都重新拿。

第二个是“判断”，好比你出门带伞还是不带，看天气预报下不下雨就行：如果下雨，就带伞；否则就不用带。对应到代码里就是if (条件) { 要做的事 } else { 另一件事 }，比如let 天气 = "下雨"; if (天气 == "下雨") { alert("带伞！") } else { alert("不用带伞～") }，试一下就懂。

第三个是“重复做”，比如你要把“你好”说5遍，不用复制粘贴5次，用“循环”就行——就像你绕操场跑5圈，代码里写for (let i=0; i<5; i++) { console.log("你好") }</code>，就能自动帮你重复做。

入门第三步：用“小练习”代替死记硬背，练着才记得住

学编程最忌死背语法，不如做几个生活化的小练习：比如写个代码，输入自己的名字，它就说“你好，XX”；或是写个代码，判断你输入的数字是不是偶数——练的时候别纠结“写得好不好”，能跑起来、达到效果就很棒。

另外，别跳过“看别人的代码”这个步骤，网上有很多免费的小 demo，比如按钮点击变色、图片轮播，打开看看别人怎么写的，对着改一改，很快就能摸透规律。刚开始练15分钟就好，别贪多，慢慢就会发现，那些复杂的网页效果，其实都是这些“小技能”拼出来的。