@[TOC]

前言

Function 可以用来创建函数，JavaScript 中的所有函数，都是 Function对象。

函数的定义与使用

如何定义

JavaScript 函数通过 function 关键词进行定义，其后是函数名和括号 ()。
圆括号可包括由逗号分隔的参数：function 函数名(参数 1, 参数 2, ...) { 函数体; }
例：定义一个不带参数的函数fn

    <script>
    //定义函数fn
    function fn(){
        console.log("函数执行时的语句");
    }
    //调用函数
    fn();
    
    </script>
    

会在控制台打印输出函数执行时的语句
函数的定义就这么简单

如何使用

上个例子已经说了一下，可以直接被调用，可以传参调用。

<script>  

    function fn(x,y){
        var z = x + y;
        console.log(z);
    }
    fn(33,44);
</script>

return语句

当 JavaScript 到达 return 语句，函数将停止执行，将返回值返回个调用的对象。

一旦触发return语句，函数体return语句后面的代码都将无效。

如果函数被某条语句调用，JavaScript 将在调用语句之后“返回”执行代码。

<script>
        
    function fn(x,y){
        var z = x + y;
        return z;
        console.log("1");
        console.log("2");
        console.log("3");
        console.log("4");
        console.log("5");
        console.log("6");
    }

    var sum =  fn(33,44);
    
    console.log(sum);

</script>
    

此段代码只会打印输出77，不会输出其他语句；
如果在if()语句中碰到return会怎么样子呢。

<script>
        function fn(x, y) {
            var z = x + y;

            if (1) {
                console.log("1");
                return 99 ;
                console.log("2");

            }
            return z;
            console.log("3");
            console.log("4");
            console.log("5");
            console.log("6");
        }

        var sum = fn(33, 44);

        console.log(sum);
</script>

结果输出
1
99
最终的出结论，return会直接干掉函数体，一旦碰到return，返回的值是碰到的第一个return的值。之后无论什么代码都不执行了。

小结

    JavaScript 函数是被设计为执行特定任务的代码块。
    JavaScript 函数会在某代码调用它时被执行。