函数补充01（深入）函数的概念、创建、参数、返回值

<script>
    // 一、函数: 主要是放置一个代码区块，可以控制代码区块的运行。函数里面的代码不会自动运行，需要调用函数才会运行里面的代码块。
    // 二、创建函数的方式:
    // 1. function 命令
    function getName() {
        var name = "zhang san"
        console.log(name);
    }
    getName();
    // 2. 函数表达式创建，用变量赋值函数的形式。
    var getName1 = function () { // 没有函数名称的叫匿名函数
        var name1 = "name1";
        console.log(name1);
    }
    getName1();
    console.log('.....................');

    // 3. Function(a,b...,body) 构造函数。 Function是js内置的一个构造函数，可以创建一个函数出来。可以有多个函数的参数，最后一个参数是函数体(代码区块)。
    // 注意: 该方法可以把字符串为js代码运行

    var getName2 = new Function('x', 'y', "var name2='name2';console.log(name2,x+y);");
    /*   //等价于
    
             let getName2 = function(x,y){var name2='name2';console.log(name);}
         */
    getName2(1, 2)
    console.log(getName2);
    console.log('........................');


    // 四、函数的参数,在函数小括号里面的变量就叫参数
    // 1. 参数可以设置默认值，如果参数没有默认值也没有赋值，参数的值是undefined

    function f1(width, height, name = "test") { // width,height是函数参数(局部变量,只能在函数内部使用)，也叫形参,
        console.log(width, height, name);
    }
    f1(12, 20); // 调用函数的时候给参数赋值。实参

    // 2. 函数有arguments是的默认变量，值是函数的所有参数(实参)，是一个类数组对象。
    function f2() {
        console.log(arguments);//Arguments(4) [1, 2, 3, "aaa"]
        console.log(arguments[1]);
    }
    f2(1, 2, 3, "aaa");
    console.log('........................');

    // 3. 函数的参数可以是任意数据类型，把一个函数作为参数传递给另外一个函数，就叫回调函数，非常重要。

    function getData(callback) {
        console.log(callback);
        callback(1);
    }
    function f3(a) {
        console.log('callback');
        console.log(a);
    }
    getData(f3)

    //4. return 返回值,可以返回函数内部的值到函数外部。一个函数如果没有return，可以理解为默认返回的是undefined。
    //4.1 return 可以终止后面js代码的执行。
    function f4() {
        var name = "f4";
        return name; // return后面的js语句都不会运行。
        console.log("f4-go")
    }
    let f4name = f4(); // f4name = "f4";
    console.log(f4name);
</script>