JS基础知识点（3）——函数

函数：一段能够自动完成某些功能的代码

JS中函数也是对象，所以JS函数可以像其他对象那样操作和传递，也可以叫做函数对象。

函数是用来帮助我们封装、重用、扩展以及调用代码最方便的工具。

语法：

function 函数名（形式参数1，形式参数2...）{

//一些代码

函数体

}

注意：函数在写好之后不会自己去执行，需要调用才会执行

 

调用语法：

函数名（实际参数1，实际参数2...）；

实例

假设任意一个数为圆的半径，求圆的面积，（π=3.14）。

函数名：

注意：不要和系统函数及关键词相同；

            函数执行完成之后会回到函数调用的位置；

建议：函数名要起得有意义；

查看函数的执行的方法：

点击firebug的脚本》设置断点》刷新执行》点击单步进入

可以看到，函数不会直接执行，只有当调用的时候才会去执行。

函数作用域：

首先，作用域是函数或变量的可作用范围，它控制着函数和变量的作用域和生命周期。

对于函数来说，函数内部定义的变量叫做局部变量；只能在函数内部使用；

函数外定义的变量叫做全局变量；可以在任何位置使用；

平时只会关注局部变量，只要在函数内部定义变量，就必须意识到作用域问题。

函数中的关键字：

1.arguments关键字：用来表示外部传入函数的参数（实参）；

arguments是一个伪数组；

arguments.length表示传入参数的个数；具体参数值用arguments[n]来取到

栗子：用sum函数求多个数的和

 <script>
        function sum() {
            var sum = 0;
            for (i = 0; i < arguments.length; i++) {
                sum += arguments[i];
            }
            return sum;
        }
        alert(sum(1, 2, 3, 4, 5, 6, 7, 8, 9, 10));
    </script>

此时就可以省略掉繁多的形参定义，直接用arguments+循环代替计算

2.this关键字：.函数内部的this关键字指向调用函数的对象；

还是上面的栗子，不过我们在里面加个弹出当前this，看它的指向：

    <script>
        function sum() {
            var sum = 0;
            for (i = 0; i < arguments.length; i++) {
                sum += arguments[i];
            }
            alert(this);
            return sum;
        }
        alert(sum(1, 2, 3, 4, 5, 6, 7, 8, 9, 10));
    </script>

结果先弹出window对象，再弹出计算结果。即函数体内this关键字指向函数调用的对象。

函数返回值：return关键字

return：跳出函数不再执行。

return 值：跳出函数，同时把值返回调用位置。

注意：如果有返回值，必须接收返回值。

如果函数体中没有renturn，那么默认返回undefined

函数的位置：

函数可以先调用后定义，也可以先定以后调用。