美文网首页
重点--函数的返回值

重点--函数的返回值

作者: 潘肚饿兵哥哥 | 来源:发表于2019-06-23 12:52 被阅读0次

    \color{rgba(254, 67, 101, .8)}{把函数的输出结果返回给调用者,使用return实现}

    1.函数只是实现某种功能,最终结果需要返回给调用者
    只要函数遇到return,就把后面的结果返回

    renturn除了返回结果,还有终止代码的功能,renturn语句之后的代码不执行

    return只能返回一个值,如果以逗号隔开多个值,以最后一个为准,如果函数没有return,返回undefined

    break:结束当前循环体(如for、while)
    continue:跳出本次循环,继续执行下一次循环
    return:不仅可以退出循环,还能够返回return语句中的值,同时还能结束当前函数体中的代码

    \color{rgba(254, 67, 101, .8)}{代码验证}

            //return
            function getResult() {
                return 666;
            }
            console.log(getResult());
    
            function sum(num1, num2) {
                return num1 + num2;
            }
            console.log(sum(1, 2));
    
    image.png

    \color{rgba(254, 67, 101, .8)}{案例:用函数返回任意两个数的最大值}

            function getMax(num1, num2) {
                if (num1 > num2) {
                    return num1;
                } else {
                    return num2;
                }
            }
    
    //if后面的语句也可以写成一个三元表达式:
    //return num1 > num2 ? num1 : num2;
            alert(getMax(10, 20));
    
    image.png

    \color{rgba(254, 67, 101, .8)}{案例:利用函数求任意数组中的最大值}

            //利用函数求任意数组中的最大值
            //求数组[5,2,99,101,67,77];
            //传入的实参是一个数组。形参arr就是一个数组了
            function getMax(arr) {
                var max = arr[0];
                for (var i = 1; i < arr.length; i++) {
                    if (arr[i] > max) {
                        max = arr[i];
                    }
                }
                return max
            }
            var re = getMax([5, 2, 99, 101, 67, 77]);
            alert(re);
    
    image.png
    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8" />
            <title></title>
            <script type="text/javascript">
                
                /*
                 * 创建一个函数,用来计算三个数的和
                 * 
                 * 可以使用 return 来返回函数的值
                 *  语法:
                 *      return 值
                 * 
                 *  return后的值将会作为函数的执行结果返回,
                 *      可以定义一个变量,来接收该结果
                 * 
                 *  在函数中return后的语句都不会执行,因为代码块在执行到return的时候,值就会被返回了,就等于这个代码块执行完毕了,所以后面的代码就不会被执行了
                 * 
                 *  如果return语句后不跟任何值就相当于返回一个undefined,
                 * 
                 *  如果函数中不写return,则也会返回undefined
                 * 
                 *  return后可以跟任意类型的值
                 * 
                 */
                function sum(a , b , c){
                    //alert(a + b +c);
                    
                    var d = a + b + c;
                    
                    return d;//这里写return "hello"他就会返回一个hello
                    
                    //return undefined;
                    
                }
                
                //调用函数
                //变量result的值就是函数的执行结果
                //函数返回什么result的值就是什么
                var result = sum(4,7,8);
                
                //var result = alert("hello");
                
                console.log("result = "+result);
                
                
            </script>
        </head>
        <body>
            
        </body>
    </html>
    
    

    例子一:

    定义一个函数,判断一个数字是否是偶数,如果是返回true,否则返回false
    
    function isOu(num){
        if(num % 2 == 0){
            return true;
        }else{
            return false;
        }
    }
    
    这两种写法一样:            
                
    function isOu(num){
        return num % 2 == 0;//它是等式,返回值是布尔值,如果没有等号返回的就是计算出来的结果,而不是布尔值
    }
    var result = isOu(10);
    console.log("result = "+result);
    

    例子二:
    \color{rgba(254, 67, 101, .8)}{o是形参,info是实参,o是预先声明的变量,info是后赋给这个形参o的值}
    \color{rgba(254, 67, 101, .8)}{如:o = info; }
    \color{rgba(254, 67, 101, .8)}{ info = 3;}
    \color{rgba(254, 67, 101, .8)}{ o是变量名,info是赋给他的值}

                function sayHello(o){
                    
                    console.log("我是"+o.name+",今年我"+o.age+"岁了,"+"我是一个"+o.gender+"人"+",我住在"+o.address);
                }
                
                //sayHello("猪八戒",28,"高老庄","男");
                //创建一个对象
                var info = {
                    name:"孙悟空",
                    age:18,
                    address:"花果山",
                    gender:"男"
                    
                };
                
                sayHello(info);
    

    相关文章

      网友评论

          本文标题:重点--函数的返回值

          本文链接:https://www.haomeiwen.com/subject/ppyvqctx.html