🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
## 一、定义方法:在Javascript中必须用function关键字 ~~~ function funcName(arg1,arg2...) { statements; return "变量值"; //返回值可以根据函数的需要 } ~~~ 函数名是函数自身的一个引用。此种方式创立的函数引用是独立存在的,无法删除。   1、调用函数:函数名(参数列表)。 传递的参数不必与函数定义的参数个数一致,并且可以设定函数参数的默认值。 ~~~ function example(a,b){   var a = arguments[0] ? arguments[0] : 1;//设置参数a的默认值为   var b = arguments[1] ? arguments[1] : 2;//设置参数b的默认值为2   return a+b; } alert(example()); //输出3 ~~~ 其他方法:[设置默认参数方式](http://blog.csdn.net/u011043843/article/details/26155307)   2、嵌套函数:在JS中,函数的定义中还可以再次定义新的函数 ~~~ function say() { function add(x,y) { return (x+y); } alert(add(2,3)); } say(); //输出5 ~~~ 内嵌函数add()只能在嵌套它的函数(say())中调用,而不能再外部调用。   3、条件函数: ~~~ var b = false; if(b) { function ex1() { alert(1); } ex1(); } else { function ex2() { alert(0); } ex2(); } ~~~ 输出0,将b的值改为TRUE,则输出1,不演示。条件函数的花括号不具有范围限制,即可以在花括号外访问函数。 ## 二 、函数的特殊条用方式:网页中的所有方法可以看做全局对象window对象的方法 ~~~ function add(x,y) { return x+y; } //1 alert(window.add(2,3)); //2 alert(window['add'](2,3)); ~~~ 以上结果均是5 ## 三、函数表达式定义函数:匿名函数 1、定义方式:var fucName = function(arg1,arg2,...){statements;} ~~~ var add = function (x,y) { return x+y; } alert(add(2,3));//输出为5 ~~~ 其中,add是该函数的唯一引用,当add=null,该函数便不能再调用。 2、匿名自执行函数: ~~~ (function(x,y) { alert(x + y) ; })(2,3); //立即自动执行,结果为5 ~~~ 3、匿名函数的用途 2.1  用于一次调用后就丢弃的函数 2.2  向prototype属性附加函数以实现对象方法的定义 ## 四、使用Function定义函数:     在JS中,Function为核心类的一种,而其他方式定义的函数也均作为对象对待,因为在JS中的OOP中,不存在类的概念,这是JS与Java、C#等语言的区别。 var add = new Function(“函数参数”,"函数体"); add为函数名,即函数的一个引用。 ~~~ var add = new Function('x','y',"return x+y"); alert(add(2,3)); ~~~ 上述的结果为5. ## 五、闭包函数:当一个函数不位于它所处环境(变量的作用范围)被调用,仍可使用本地变量(脱离了变量的作用范围仍可使用该变量),这是闭包函数的显著特征。   5.1    作为值从函数返回的函数是闭包函数 ~~~ function B() { var temp="abc"; function A() { alert("闭包函数处理本地变量temp = "+temp); } return A; } var a = B(); a(); ~~~ 运行结果:(本地变量是函数内声明的变量) ![](https://box.kancloud.cn/2016-08-30_57c54ec518bb2.jpg)   5.2   利用变量的作用范围形成闭包函数 ~~~ var F; function B() { var temp="abc"; F=function () { alert("利用变量范围形成闭包函数处理本地变量temp = "+temp); } } B(); F(); ~~~ 运行结果 ![](https://box.kancloud.cn/2016-08-30_57c54ec52d8c7.jpg)