函数基础

声明函数

// 声明最基本的一个函数
    function func1() {
        console.log('我是最基本的函数');
    }
    // 函数的调用  // 函数名() 的格式
    func1();

// 函数在定义之后，并不会执行里面的内容，只有在函数进行调用的时候，才会执行

函数返回值

function func2() {
       console.log('这个函数会有返回值');
       return 10;
    }
    var res1 = func2(); // res1里面保存了函数的返回值

//返回数组
 function func3() {
        console.log('这个函数返回一个数组');
         return ['abc', 'bcd', 'def'];
   }
   var res2 = func3();

函数参数

function func4(a) {
            // 在函数内部可以使用参数
            console.log(a);  //12
            a++;
            console.log(a);  //13
        }
        func4(12);

    // 函数内部使用 arguments 关键字
        function func6() {
            // 求出所有参数的和，并返回
            var res = 0;
            for (var i = 0; i < arguments.length; i++) {
                res += arguments[i];
            }
            return res;
        }
        func6(1, 2, 3, 4, 5, 6);  //21

函数表达式

// 函数表达式，即用变量保存匿名函数
        var func1 = function () {
            console.log('我是函数表达式哦');
        };
        console.log(func1);  //打印函数
        // 调用函数表达式的时候，就把变量名当做函数名去使用
        func1();

// 给document绑定点击事件
        var documentClick = function () {
            // 获取body，修改背景颜色
            document.body.style.backgroundColor = "blue";
        };
        document.onclick = documentClick;

 // 使用正常函数，给document添加点击事件
      function documentClick1() {
          document.body.style.backgroundColor = 'red';
       }
        document.onclick = documentClick1;

自调用函数

自调用函数特点：函数自己执行，不需要进行调用

(function () {
            console.log('我是一个自调用函数');
        })();

(function test() {
            console.log('我是另外一个自调用函数');
        })();

(function (a, b) {
            console.log(a+b);  //47
        })(12, 35);  //后面小括号写参数

自调用函数可封闭作用域