上QQ阅读APP看书，第一时间看更新
1.4.4 【案例】使用变量保存商品信息
使用变量可以保存各种各样的数据。下面将通过一个案例演示如何使用变量保存商品信息。其中，商品名称为衬衫，商品颜色为白色，商品价格为50，商品尺寸为均码，具体代码如例1-2所示。
例1-2 Example2.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 goods = ＇衬衫＇; // 商品名称 10 var color = ＇白色＇; // 商品颜色 11 var price = 50; // 商品价格 12 var size = ＇均码＇; // 商品尺寸 13 console.log（goods）; // 输出goods的值 14 console.log（color）; // 输出color的值 15 console.log（price）; // 输出price的值 16 console.log（size）; // 输出size的值 17 </script> 18 </body> 19 </html>
例1-2中，第9～12行代码用于声明变量并赋值；第13～16行代码用于在控制台输出变量的值。
保存代码，在浏览器中进行测试，例1-2的运行结果如图1-17所示。
图1-17 例1-2的运行结果
由图1-17可知，控制台显示了“衬衫”“白色”“50”“均码”，说明通过变量成功保存了商品的信息。