1. 从零开始：你的第一个JavaScript程序
很多朋友一听到“编程语言”就觉得头大，感觉那是高深莫测的东西。其实，JavaScript（简称JS）可能是你最容易上手、也最有趣的一门语言。想象一下，你平时上网看到的那些会动的图片轮播、点击按钮弹出的提示框、实时更新的内容，这些“活”起来的网页，十有八九都是JavaScript的功劳。它就像给静态的网页骨架（HTML）和漂亮衣服（CSS）注入了灵魂，让网页能和你互动。今天，我就带你从最基础的地方开始，亲手写出你的第一个JS程序，感受一下这种“点石成金”的魔力。
首先，你得有个地方写代码。别担心，你甚至不需要安装任何复杂的软件。一个最简单的文本编辑器（比如电脑自带的记事本）和一个浏览器（Chrome、Edge都行）就足够了。不过，为了让体验更好，我推荐你使用VS Code，它免费、轻量，而且对写代码非常友好。安装好后，新建一个文件，命名为 hello.html。记住，JS代码通常是写在网页文件里的。
接下来，我们在 hello.html 文件里写下最基础的网页结构：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>我的第一个JS程序</title>
</head>
<body>
<h1>欢迎来到JavaScript世界！</h1>
</body>
</html>
现在，关键的一步来了：如何让JS代码运行？我们需要一个 <script> 标签，它可以放在 <head> 里，也可以放在 <body> 的末尾。我习惯放在 <body> 结束之前，这样能确保网页内容先加载出来，用户体验更好。我们在 </body> 标签前面加上：
<script>
// 我们的JS代码将写在这里
</script>
好了，舞台已经搭好。让我们来点简单的“魔法”。JS有三种最基本的方式向外界“说话”，也就是输出信息。第一种，在网页上直接写字。我们在 <script> 标签里写：
document.write('<p>这是用JS写到页面上的话！</p>');
刷新浏览器页面，你会看到这句话出现在了标题下面。document.write() 就像一支笔，可以直接在网页文档上书写。但要注意，这支笔有点“霸道”，如果在页面加载完后使用，它可能会清空整个页面重写，所以通常只在学习或简单测试时用。
第二种方式更常见，弹出一个警告框。试试这行代码：
alert('嘿！注意看，这是一个弹出提示！');
保存并刷新页面，你会立刻看到一个带有你写的文字的弹窗。alert() 非常适合用来做调试，快速看看某个变量的值是什么，或者某个函数有没有被触发。但它会中断用户的操作，在实际项目中要谨慎使用。
第三种，也是我们开发者最依赖的“后台密道”——控制台。在浏览器里按F12，打开“开发者工具”，找到“Console”（控制台）标签页。然后输入：
console.log('这条消息只在控制台里悄悄显示');
刷新页面，你就能在控制台看到这行日志。console.log() 是我们调试代码、追踪流程的利器，它不会打扰用户，信息只给我们开发者看。我写代码时，几乎离不开它。你可以多打印几条试试，比如 console.log('计算结果是：', 10 + 20)，看看效果。
2. 理解基石：变量、数据类型与运算符
写了几行代码后，你可能会想，怎么让程序记住一些信息呢？比如用户的名字、商品的单价。这就需要用到变量。你可以把变量想象成一个贴了标签的盒子，你可以往盒子里放东西（数据），也可以随时查看或更换里面的东西。
在JavaScript里，早期我们用 var 来声明一个盒子（变量）。比如：
var myName; // 声明一个叫 myName 的盒子，现在是空的
myName = '小明'; // 把字符串“小明”放进这个盒子
也可以一口气完成声明和放东西：
var age = 18; // 声明一个叫 age 的盒子，并把数字18放进去
这里有个JS很有趣的特点：它是弱类型语言。意思是，你不需要事先规定这个盒子只能放数字还是只能放文字。同一个盒子，可以先放数字，后面再换成文字，JS完全能理解。
var something = 100; // 刚开始放了个数字
something = '变成文字了'; // 现在换成字符串了，没问题！
不过，var 这个老伙计有点“不拘小节”，它声明的变量作用域规则比较奇怪，容易导致一些难以察觉的bug。所以在现代JS开发中，我们更推荐使用 let 和
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
