前言

欢迎继续我们的JavaScript之旅!上节课我们认识了这门语言的基本样子,今天要学习变量这个神奇的工具。就像你日常生活中的购物袋一样,变量能帮助你在代码里"装东西"。学会它,你的代码就能记住信息了!

回顾昨天学的

上节课我们了解到:

  • JavaScript是一种让网页动起来的语言

  • 它通过<script>标签"住"在网页里

  • 最简单的语句是alert("你好")会让浏览器弹出一个问候框

今天学什么

今天我们来学习编程的魔法盒子——变量。你会明白:

  • 变量是什么(就像贴标签的盒子)

  • 如何创建变量(var这个魔法咒语)

  • 如何把东西放进盒子(赋值操作)

今天要学的内容

我们一点一点来,保证每个步骤都清晰易懂:


一、变量是什么?想象贴标签的盒子

生活中我们怎么存放东西?比如:

  • 你有个饼干盒📦,外面贴了个标签写着"小饼干"

  • 下次你想吃饼干时,就直接找"小饼干"这个盒子

变量就是这个原理​:

  1. 盒子 = 电脑内存中的位置

  2. 标签 = 你给盒子取的名字(变量名)

  3. 饼干 = 你存放的数据(比如数字、文字)

记住:变量就是 ​​"贴了名字标签的盒子,用来装数据"​


二、创建魔法盒子:使用var咒语

现在我们要在代码里制造一个盒子:

var myBox;

逐行解释:​

  • var:魔法咒语,对电脑说"我要造一个新盒子"

  • myBox:你给盒子贴的标签名(随便取,英文开头)

  • ;:句号,表示这句话说完了

注意点:​

  • 标签名不能有空格(用驼峰式如myBox)

  • 大小写敏感(mybox和myBox是不同盒子)

  • 建议用英文名(中文字符可能会出问题)

生活例子:​
你去超市买了几个空储物盒,在每个盒子上临时写上:

  • 第一个盒子写"零食"

  • 第二个写"玩具"

  • 第三个写"书"


三、往盒子里放东西:赋值操作

空盒子没有用,现在我们要往里面装东西:

myBox = "棒棒糖";

逐行解释:​

  • myBox:之前造的盒子名

  • =:不是数学的等于,而表示"放进盒子里"

  • "棒棒糖":你要存放的字符串(文字数据)

  • ;:表示动作完成

生活例子:​
你拿起标签为"零食"的盒子,实际往里面放了:

  • 一块巧克力

  • 几颗水果糖

  • 一包饼干

重要细节:​

  1. 盒子里放的东西可以随时更换

  2. 但盒子名字(标签)不会变

  3. 下次你用myBox拿到的就是最后一次放的东西


四、一步完成:造盒子同时放东西

你可以把两步合成一步:

var lunchBox = "三明治";

这相当于:

  1. 立即造一个叫"lunchBox"的盒子

  2. 马上把"三明治"放进去


五、实践小练习

打开你的代码编辑器:

<script>
  // 创建两个盒子
  var classmate;      // 空盒子
  var favoriteFood = "披萨"; // 带食物的盒子
  
  // 往空盒子放东西
  classmate = "小明";
  
  // 查看盒子里的东西
  alert("同学名字: " + classmate);
  alert("他喜欢的食物: " + favoriteFood);
</script>

理解输出结果:​

  1. 浏览器会弹出两个对话框

  2. 第一个显示"同学名字:小明"

  3. 第二个显示"他喜欢的食物:披萨"

  4. + 这里是拼接作用(下一课详细讲)

明天学什么

下节课我们继续研究盒子里能装什么宝贝!你会学到:

  • 文字数据(字符串)怎么存放

  • 数字怎么计算

  • 盒子命名的注意事项

成长秘诀

变量就像记忆的小助手:"每次创建变量,都是给程序增加一份记忆能力!"