Web前端：JavaScript基础篇之函数

函数首先要知道一点就是：函数有创建和调用两个板块！

函数概念：

                函数就是把完成特定功能的一段代码[抽象出来]，使之成为程序中的一个[独立实体]，起个名字（函数名）。可以在同一个程序或其他程序中多次重复使用（通过函数名调用）。

函数作用：      

                1、使程序变得简短而清晰

                2、有利于程序维护

                3、可以提高程序开发效率

                4、提高了代码的重用性（复用性）

函数分类：

                内置分类：

                        概念：官方提供好的函数。

                           例：Number()、Boolean()、String()、alert（）等等......

                        用法：可直接调用

                自定义函数：

                        概念： 用户根据实际需求，需要自己封装一个函数。

                        用法：根据实际需求，自行调用。

                事件驱动函数：

                        概念：在和页面交互的过程中所调用的函数，该函数称为事件驱动函数

                        事件如：点击事件（onclick）、获取焦点（onfocus）、（onblur）等等......

函数定义：

                首先需要知道function关键字

                这是用来定义函数的

                语法：

                           function 函数名(参数1名字, 参数2名字, …) 函数可以没有形参

                          {

                              语句/代码块;

                              return 返回值; 函数可以没有返回值(undefined)

                          }

                

                 参数：分形参与实参两个概念（重点）

                        形参：就是在函数定义时，函数名后面的参数，不能用var修饰。

                        实参：就是调用时，函数名后面的参数                        

                                  在一般传值调用的机制中只能把实参传送给形参，而不能把形参的值反向地传送给实参。因此在函数调用过程中，形参值发生改变，而实参中的值不会变化。

                                  例：

                                       function addNum(n){

                                          n += 5;

                                      }

                                      var a = 10;

                                      addNum(a);

                                      alert(a);

                 arguments：函数的内置对象

                        

                        是一个用来存放实参的伪数组（因为它可以像数组一样访问，但是不能用数组的API）。javasript函数不介意传递进来多少个参数，也不在乎传进来参数是什么数据类型，在调用这个函数时也未必一定要传递两个参数，原因是 ECMAScript 中的参数在内部是用一个数组来表示的。函数接收到的始终都是这个数组，而不关心数组中包含哪些参数（如果有参数的话）

                        arguments的属性：

                                arguments.length  输出当前里面存储的参数个数

                                arguments[i]  访问第i个参数

                                

                                        function show(){

                                                console.log(arguments.length);//5

                                                console.log(arguments[1]);//true

                                         }

                                        show(10, true, "hello", 40, 50);

                                arguments.callee  函数本身的引用

                                        

                                        function fun(){

                                                console.log(arguments.callee); // fun() == arguments.callee();

                                        }

                return关键字：函数的返回值

                        如果我们要是从外部获取到函数内运行的结果,可以通过return语句跟后面的要返回的值（表达式）来实现返回值。值得留意的是，碰到return语句函数就会立即停止执行并退出。因此，return后面的语句不会执行。

                        注：函数的返回值，就是return后面表达式的结果。