上QQ阅读APP看书，第一时间看更新
1.4.6 【案例】交换两个变量的值
学习JavaScript的变量后，下面通过一个案例来练习变量的使用。本案例将实现交换两个变量的值。
首先定义两个变量apple1和apple2，其中，变量apple1的值为红苹果，变量apple2的值为青苹果，然后定义第3个变量temp来保存临时数据，用于实现红苹果和青苹果的交换。
在实现红苹果和青苹果交换的过程中，我们可以想象成左手拿着红苹果（apple1），右手拿着青苹果（apple2），前面有一张桌子（temp）。为了将左手的红苹果和右手的青苹果交换，首先需要将左手的红苹果放到桌子上，然后将右手的青苹果给左手，最后右手从桌子上拿起红苹果，这样就完成了交换。
下面编写代码实现红苹果和青苹果的交换，具体代码如例1-4所示。
例1-4 Example4.html
1 <!DOCTYPE html> 2 <html> 3 <head>
4 <meta charset=＂UTF-8＂> 5 <title>Document</title> 6 </head> 7 <body> 8 <script> 9 var apple1 = ＇红苹果＇; 10 var apple2 = ＇青苹果＇; 11 var temp = apple1; 12 apple1 = apple2; 13 apple2 = temp; 14 console.log（apple1）; 15 console.log（apple2）; 16 </script> 17 </body> 18 </html>
例1-4中，第9行代码用于声明变量apple1并赋值为“红苹果”；第10行代码用于声明变量apple2并赋值为“青苹果”；第11～13行代码实现了apple1变量值和apple2变量值的交换，其中第11行代码用于声明temp变量，并赋值为变量apple1的值；第14～15行代码用于在控制台输出变量apple1和变量apple2交换后的值。
保存代码，在浏览器中进行测试，例1-4的运行结果如图1-20所示。
图1-20 例1-4的运行结果
由图1-20可知，控制台分别输出了“青苹果”“红苹果”，说明成功交换了两个变量的值。