六:自定义函数
最后更新于:2022-04-01 20:32:02
## 一、定义方法:在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://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-08-30_57c54ec518bb2.jpg)
5.2 利用变量的作用范围形成闭包函数
~~~
var F;
function B()
{
var temp="abc";
F=function ()
{
alert("利用变量范围形成闭包函数处理本地变量temp = "+temp);
}
}
B();
F();
~~~
运行结果
![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-08-30_57c54ec52d8c7.jpg)
';