《JavaScript程序设计》课件——项目1-2 JavaScript变量.pptx

JavaScript程序设计2021

1课程导入2任务导入3知识讲解4任务实施项目1-2JavaScript变量5任务总结

知识回顾任务导入知识讲解任务实施任务总结JavaScript代码的书写位置有哪几种？JavaScript代码的注释有几种写法？console.log(msg)语句有什么作用？讨论控制台的作用。提问

知识回顾任务导入知识讲解任务实施任务总结任务重难点交换两个变量的值重点：变量的概念变量的使用方法与应用变量的语法变量的命名规范

知识回顾任务导入知识讲解任务实施任务总结JavaScript变量1.什么是变量变量是程序在内存中申请的一块用来存放数据的空间。例如，程序在内存中保存字符串“小明”和“小张”，如下图所示。

知识回顾任务导入知识讲解任务实施任务总结JavaScript变量变量的使用变量的使用，分为两步：声明变量和变量赋值。声明变量varage;//声明一个名称为age的变量 变量赋值age=10//为age变量赋值 变量初始化varage=18//声明变量的同时赋值

知识回顾任务导入知识讲解任务实施任务总结JavaScript变量变量的应用案例使用变量保存个人信息，示例代码如下：varmyName=小明;varaddress=XX市XX区; varage=18; varemail=xiaoming@localhost;console.log(myName);//输出myName的值console.log(address);//输出address的值console.log(age); //输出age的值console.log(email);//输出email的值名称住址年龄电子邮箱

知识回顾任务导入知识讲解任务实施任务总结JavaScript变量varmyName=prompt(请输入您的名字);alert(myName);接收用户输入的值弹出输入的值使用变量保存用户输入的值

知识回顾任务导入知识讲解任务实施任务总结JavaScript变量变量的语法细节varmyName=小明;console.log(myName); //输出结果：小明myName=小红; //更新变量的值console.log(myName); //输出结果：小红重新赋值更新变量的值，示例代码如下：

知识回顾任务导入知识讲解任务实施任务总结JavaScript变量同时声明多个变量不赋值同时声明多个变量并赋值varmyName,age,email;varmyName=小明,age=18,email=xiaoming@localhost;同时声明多个变量

知识回顾任务导入知识讲解任务实施任务总结JavaScript变量varage;console.log(age); undefined声明变量的的特殊情况只声明变量，但不赋值。

知识回顾任务导入知识讲解任务实施任务总结JavaScript变量声明变量的的特殊情况console.log(age); 控制台会报错不声明变量，直接输出变量的值。错误提示

知识回顾任务导入知识讲解任务实施任务总结JavaScript变量age1=10;console.log(age1);10不声明变量，只进行赋值。注意：直接赋值一个未声明的变量，也可以正确输出变量的值。这个情况是JavaScript语言的特性。

知识回顾任务导入知识讲解任务实施任务总结JavaScript变量变量的命名规范在对变量进行命名时，需要遵循变量的命名规范，具体如下：由字母、数字、下划线和美元符号（$）组成严格区分大小写不能以数字开头不能是关键字、保留字要尽量做到“见其名知其意”建议遵循驼峰命名法，首字母小写，后面的单词首字母大写

知识回顾任务导入知识讲解任务实施任务总结3【案例】交换两个变量的值交换思想vartemp;varapple1=青苹果;varapple2=红苹果;temp=apple1;apple1=apple2;apple2=temp;console.log(apple1);//输出结果：红苹果console.log(apple2);//输出结果：青苹果示例代码

知识回顾任务导入知识讲解任务实施任务总结总结：本章主要介绍了JavaScript变量，包括变量的本质、使用方式、语法规范及命名规范，最后通过案例来体验了JavaScript变量的简单应用。作业：完成交换两个变量的值。

感谢聆听2021