非零基础自学前端最后一遍二 JavaScript基础 7 JavaScript函数 7.5 函数的返回值使用

我会带着你远行 2024-03-24 13:14 15阅读 0赞

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

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

*   *   *  非零基础自学前端最后一遍
         *  二 JavaScript基础
         *  7 JavaScript函数
         *   *  7.5 函数的返回值使用
             *   *  7.5.1 函数的返回值

![在这里插入图片描述][5f92b4514c7a4c31bb897d254cf21d99.png_pic_center]

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

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

##### 7.5 函数的返回值使用 #####

###### 7.5.1 函数的返回值 ######

*  回想我们之前使用的prompt函数，函数需要接受参数，并且会返回用户的输入：
 *  所以说, 函数不仅仅可以有参数, 也可以有返回值：
    
     *  使用return关键字来返回结果；
     *  一旦在函数中执行return操作，那么当前函数会终止；
     *  如果函数中没有使用 return语句 ，那么函数有默认的返回值：undefined；
     *  如果函数使用 return语句，但是return后面没有任何值，那么函数的返回值也是：undefined；

![在这里插入图片描述][31bdecc4b3c045698bd39d78869b88c5.png_pic_center]

<!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 result = prompt("请输入一个数字:")
        // 1.理解函数的返回值
        // function sayHello(name) {
          
        //   console.log(`Hi ${name}`)
        // }
    
        // var foo = sayHello("Kobe")
        // console.log("foo:", foo)
    
        // 2.返回值的注意事项
        // 注意事项一: 所有的函数, 如果没有写返回值, 那么默认返回undefined
        // function foo() {
          
        //   console.log("foo函数被执行~")
        // }
    
        // var result = foo()
        // console.log("foo的返回值:", result)
    
        // 注意事项二: 我们也可以明确的写上return
        // 写上return关键字, 但是后面什么内容都没有的时候, 也是返回undefined
        // function bar() {
          
        //   console.log("bar函数被执行~")
        //   return
        // }
        // var result = bar()
        // console.log("bar的返回值:", result)
    
        // 注意事项三: 如果在函数执行到return关键字时, 函数会立即停止执行, 退出函数
        // function baz() {
          
        //   console.log("Hello Baz")
        //   return
        //   console.log("Hello World")
        //   console.log("Hello Why")
        // }
    
        // baz()
    
    
        // 函数的具体返回值
        function sum(num1, num2) {
          
          var result = num1 + num2
          return result
        }
    
        var total = sum(20, 30)
        console.log("total:", total)
    
      </script>
    
    </body>
    
    </html>

[5f92b4514c7a4c31bb897d254cf21d99.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/4b0dfeca22644d2eb0963ae8a6a055e0.png
[31bdecc4b3c045698bd39d78869b88c5.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/02b1e4ec940c4965b00e58de42d66ceb.png