前言
欢迎继续我们的JavaScript之旅!上节课我们认识了这门语言的基本样子,今天要学习变量这个神奇的工具。就像你日常生活中的购物袋一样,变量能帮助你在代码里"装东西"。学会它,你的代码就能记住信息了!
回顾昨天学的
上节课我们了解到:
JavaScript是一种让网页动起来的语言
它通过
<script>
标签"住"在网页里最简单的语句是
alert("你好")
会让浏览器弹出一个问候框
今天学什么
今天我们来学习编程的魔法盒子——变量。你会明白:
变量是什么(就像贴标签的盒子)
如何创建变量(
var
这个魔法咒语)如何把东西放进盒子(赋值操作)
今天要学的内容
我们一点一点来,保证每个步骤都清晰易懂:
一、变量是什么?想象贴标签的盒子
生活中我们怎么存放东西?比如:
你有个饼干盒📦,外面贴了个标签写着"小饼干"
下次你想吃饼干时,就直接找"小饼干"这个盒子
变量就是这个原理:
盒子 = 电脑内存中的位置
标签 = 你给盒子取的名字(变量名)
饼干 = 你存放的数据(比如数字、文字)
记住:变量就是 "贴了名字标签的盒子,用来装数据"
二、创建魔法盒子:使用var
咒语
现在我们要在代码里制造一个盒子:
var myBox;
逐行解释:
var
:魔法咒语,对电脑说"我要造一个新盒子"myBox
:你给盒子贴的标签名(随便取,英文开头);
:句号,表示这句话说完了
注意点:
标签名不能有空格(用驼峰式如myBox)
大小写敏感(mybox和myBox是不同盒子)
建议用英文名(中文字符可能会出问题)
生活例子:
你去超市买了几个空储物盒,在每个盒子上临时写上:
第一个盒子写"零食"
第二个写"玩具"
第三个写"书"
三、往盒子里放东西:赋值操作
空盒子没有用,现在我们要往里面装东西:
myBox = "棒棒糖";
逐行解释:
myBox
:之前造的盒子名=
:不是数学的等于,而表示"放进盒子里""棒棒糖"
:你要存放的字符串(文字数据);
:表示动作完成
生活例子:
你拿起标签为"零食"的盒子,实际往里面放了:
一块巧克力
几颗水果糖
一包饼干
重要细节:
盒子里放的东西可以随时更换
但盒子名字(标签)不会变
下次你用
myBox
拿到的就是最后一次放的东西
四、一步完成:造盒子同时放东西
你可以把两步合成一步:
var lunchBox = "三明治";
这相当于:
立即造一个叫"lunchBox"的盒子
马上把"三明治"放进去
五、实践小练习
打开你的代码编辑器:
<script>
// 创建两个盒子
var classmate; // 空盒子
var favoriteFood = "披萨"; // 带食物的盒子
// 往空盒子放东西
classmate = "小明";
// 查看盒子里的东西
alert("同学名字: " + classmate);
alert("他喜欢的食物: " + favoriteFood);
</script>
理解输出结果:
浏览器会弹出两个对话框
第一个显示"同学名字:小明"
第二个显示"他喜欢的食物:披萨"
+
这里是拼接作用(下一课详细讲)
明天学什么
下节课我们继续研究盒子里能装什么宝贝!你会学到:
文字数据(字符串)怎么存放
数字怎么计算
盒子命名的注意事项
成长秘诀
变量就像记忆的小助手:"每次创建变量,都是给程序增加一份记忆能力!"
评论