上QQ阅读APP看书，第一时间看更新
4.3 函数的返回值
视频讲解
对于函数调用，可以通过参数向函数传递数据，也可以从函数获取数据，也就是说函数可以返回值。在JavaScript的函数中，可以使用return语句为函数返回一个值。
语法如下：
return 表达式;
这条语句的作用是结束函数，并把其后表达式的值作为函数的返回值。例如，定义一个计算两个数的积的函数，并将计算结果作为函数的返回值，代码如下：
01 <script type="text/javascript">
02 function sum(x,y){ //定义含有两个参数的函数
03 var z=x*y; //获取两个参数的积
04 return z; //将变量z的值作为函数的返回值
05 }
06 alert("10*20="+sum(10,20)); //调用函数并输出结果
07 </script>
运行结果如图4.6所示。
图4.6 计算并输出两个数的积
函数返回值可以直接赋给变量或用于表达式中，也就是说函数调用可以出现在表达式中。例如，将上面示例中函数的返回值赋给变量result，然后再进行输出，代码如下：
01 function sum(x,y){ //定义含有两个参数的函数
02 var z=x*y; //获取两个参数的积
03 return z; //将变量z的值作为函数的返回值
04 }
05 var result=sum(10,20); //将函数的返回值赋给变量result
06 alert(result); //输出结果
【例4.02】模拟淘宝网计算购物车中商品总价的功能。假设购物车中有如下商品信息：
①苹果手机：单价5000元，购买数量2台。
②联想笔记本电脑：单价4000元，购买数量10台。
定义一个带有两个参数的函数price()，将商品单价和商品数量作为参数进行传递。通过调用函数并传递不同的参数分别计算苹果手机和联想笔记本电脑的总价，最后计算购物车中所有商品的总价并输出。代码如下：（实例位置：资源包\源码\04\4.02）
01 <script type="text/javascript">
02 function price(unitPrice,number){ //定义函数，将商品单价和商品数量作为参数传递
03 var totalPrice=unitPrice*number; //计算单个商品总价
04 return totalPrice; //返回单个商品总价
05 }
06 var phone = price(5000,2); //调用函数，计算手机总价
07 var computer = price(4000,10); //调用函数，计算笔记本电脑总价
08 var total=phone+computer; //计算所有商品总价
09 alert("购物车中商品总价："+total+"元"); //输出所有商品总价
10 </script>
运行结果如图4.7所示。
图4.7 输出购物车中的商品总价