JS 方法/函数

方法==函数==事件==功能

1. 方法是什么？
   1）方法就是可以反复使用并且具有功能的代码块。
   2）解决一类问题的步骤的有序组合

2. 如何使用： 声明（定义）、调用（触发）

3. 如何声明： 关键词function 方法名（传递参数）{执行的代码块}
   function xy() {} ⇒ 函数式声明
   var xy = function () {}; ⇒ 函数表达式声明

函数式声明

<script>
    //定义函数
    var sum = 0;
    function xy(){
        //可以反复使用的代码块
        sum++;
        console.log("我调用了" + sum + "次");
    }

    //调用
    xy();
    xy();
</script>

运行结果：

<script>
    var sum = 0;
    xy();
    function xy(){
        sum++;
        console.log("我调用了" + sum + "次");
        //console.log(`我调用了${sum}次`);//ES6中的拼接
    }
</script>

运行结果：

表达式声明

<script>
    xy();//xy() == undefined();
    var xy = function(){//表达式声明
        console.log("Hello World!");
    }
    //会报错，与函数的声明提前（预解释）有关。
    //声明提前，赋值在后 var function
</script>

声明提前

<script>
    //var xy;
    console.log(xy);//无论上一行注释与否，此行代码执行结果都为undefined
    xy = "hhh"
    console.log(xy);//可以取到值 hhh

    xy();//undefined()  因为未赋值
    var xy = function(){

    };
    //调用：在内存中调用；在html中调用，事件触发。
</script>