教学PPT:
知类通达
良好的变量命名习惯有助于团队协作,每个人都能快速理解代码意图,这与社会中每个人遵守规则以实现和谐共处是相通的。变量的命名有其规则,现实生活中也应如此,在任何领域,遵守规则都是维护秩序和效率的基础。在学校我们要遵守学校的规章制度,在社会生活中,我们要遵守法律法规。
案例1:交换左右手的西餐工具。
任务描述:假设我们在一家西餐厅用餐,我们左手拿着西餐刀,右手握着西餐叉,但是西餐的礼仪是左手握西餐叉,右手拿西餐刀,因此我们需要将左右手的西餐工具交换。本案例将实现交换左右手的西餐工具。
任务分析:将左手、右手和餐桌看作3个变量,把左手看作变量leftHand,变量值为西餐刀;把右手看作变量rightHand,变量值为西餐叉;把餐桌看作变量temp,用来临时存储数据。
任务实现:
<script>
var leftHand="西餐刀";
var rightHand="西餐叉";
var temp=leftHand;
leftHand=rightHand;
rightHand=temp;
console.log(leftHand);
console.log(rightHand);
</script>
案例2:输出球员信息;
任务描述:迈克尔.乔丹曾是NBA著名的篮球运动员之一。本案例将迈克尔.乔丹的别名、身高、总得分、主要奖项以及场上位置分别定义在不同的变量中,并输出这些信息。
任务实现:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>输出球员信息</title>
<style type="text/css">
*{
font-size:18px;
line-height:30px;}
</style>
</head>
<body>
<h1 style="font-size:24px;">迈克尔·乔丹</h1>
<script type="text/javascript">
var alias = "飞人";//定义别名变量
var height = 198;//定义身高变量
var score = 32292;//定义总得分变量
var achievement = "6次NBA总冠军";//定义主要成就变量
var position = "得分后卫/小前锋";//定义场上位置变量
document.write("别名:");//输出字符串
document.write(alias);//输出变量alias的值
document.write("<br>身高:");//输出换行标记和字符串
document.write(height);//输出变量height的值
document.write("cm<br>总得分:");//输出换行标记和字符串
document.write(score);//输出变量score的值
document.write("分<br>主要奖项:");//输出换行标记和字符串
document.write(achievement);//输出变量achievement的值
document.write("<br>场上位置:");//输出换行标记和字符串
document.write(position);//输出变量position的值
</script>
</body>
</html>
【训练1】输出中国的国土面积
要求:中国陆地国土面积为960万平方公里,居世界第三位。将该面积定义在变量中,并输出中国的国土面积。
【训练2】输出自己的个人信息
要求:将自己的姓名、性别、年龄、身高、兴趣爱好等个人信息定义在变量中,并在页面中输出。