非零基础自学前端最后一遍二 JavaScript基础 7 JavaScript函数 7.6 函数的题目练习

分手后的思念是犯贱 2024-03-24 13:14 17阅读 0赞

#### 非零基础自学前端最后一遍 ####

#### 文章目录 ####

*   *   *  非零基础自学前端最后一遍
         *  二 JavaScript基础
         *  7 JavaScript函数
         *   *  7.6 函数的题目练习
             *   *  7.6.1 函数的练习

![在这里插入图片描述][4124352d584a4fc2b66765aafa15f6ad.png_pic_center]

#### 二 JavaScript基础 ####

#### 7 JavaScript函数 ####

##### 7.6 函数的题目练习 #####

###### 7.6.1 函数的练习 ######

*  练习一：实现一个加法计算器
    
        function sum(num1, num2) {
              
              var result = num1 + num2
              return result
            }
 *  练习二：定义一个函数，传入宽高，计算矩形区域的面积
    
        // 练习二: 传入宽高, 返回面积
            function getRectangleArea(width, height) {
              
              // var area = width * height
              // return area
              return width * height
            }
 *  练习三：定义一个函数，传入半径，计算圆形的面积
    
        // 练习三: 传入半径radius, 计算圆形的面积
            function getCircleArea(radius) {
              
              return Math.PI * radius * radius
            }
            var area3 = getCircleArea(10)
            var area4 = getCircleArea(25)
            console.log("area3:", area3)
            console.log("area4:", area4)
 *  练习四：定义一个函数，传入n（n为正整数），计算1~n数字的和
    
        // 练习四: 传入一个数字n, 计算1~n的数字和
            function sumN(n) {
              
              // 1.加对n的判断
              if (n <= 0) {
              
                console.log(`您传入的${
                n}是有问题的`)
                return
              }
        
              // 2.真正对1~n的数字进行计算
              // 1~n的数字和
              // 1~5 1 2 3 4 5
              var total = 0
              for (var i = 1; i <= n; i++) {
              
                total += i
              }
              return total
            }
        
            var result1 = sumN(5)
            var result2 = sumN(10)
            console.log(`result1: ${
                result1}, result2: ${
                result2}`)
        
            var result3 = sumN(-10)
            console.log("result3:", result3)
 *  实战函数练习：
    
     *  传入一个数字，可以根据数字转化成显示为 亿、万文字显示的文本；
        
            <!DOCTYPE html>
            <html lang="en">
            
            <head>
              <meta charset="UTF-8">
              <meta http-equiv="X-UA-Compatible" content="IE=edge">
              <meta name="viewport" content="width=device-width, initial-scale=1.0">
              <title>Document</title>
            </head>
            
            <body>
            
              <script>
            
                // 从服务器拿到很多的数字
                var playCount1 = 13687 // 13687
                var playCount2 = 5433322 // 543万
                var playCount3 = 8766633333 // 87亿
            
            
                // 封装一个工具函数: 对数字进行格式化
                // 10_0000_0000就是1000000000语法糖
                // 语法糖的概念: 一种简写或者特殊的写法, 这种写法相对于原有的写法更加的方便或者阅读性更强
                // 相比于原来的写法, 有一点点的甜头, 称之为语法糖
                function formatCount(count) {
                      
                  var result = 0
                  if (count >= 10_0000_0000) {
                       // 超过10_0000_0000值进行转换
                    result = Math.floor(count / 1_0000_0000) + "亿"
                  } else if (count >= 10_0000) {
                      
                    result = Math.floor(count / 1_0000) + "万"
                  } else {
                      
                    result = count
                  }
            
                  return result
                }
            
                console.log(formatCount(playCount1))
                console.log(formatCount(playCount2))
                console.log(formatCount(playCount3))
            
              </script>
            
            </body>
            
            </html>

[4124352d584a4fc2b66765aafa15f6ad.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/c7cdaa488f6d4f919fad04ab5a10fcb3.png