- JavaScript從入門到精通(微視頻精編版)
- 明日科技
- 713字
- 2020-09-01 15:02:24
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 輸出購物車中的商品總價
推薦閱讀
- Learning LibGDX Game Development(Second Edition)
- Vue.js設計與實現
- Java EE 6 企業級應用開發教程
- 深入淺出Electron:原理、工程與實踐
- Python程序設計(第3版)
- Python進階編程:編寫更高效、優雅的Python代碼
- Data Analysis with IBM SPSS Statistics
- C語言程序設計學習指導與習題解答
- Web Development with MongoDB and Node(Third Edition)
- SSM開發實戰教程(Spring+Spring MVC+MyBatis)
- 響應式架構:消息模式Actor實現與Scala、Akka應用集成
- Scala for Machine Learning(Second Edition)
- Hadoop 2.X HDFS源碼剖析
- UX Design for Mobile
- 從零開始:C語言快速入門教程