详解JavaScript自定义函数
看云 人气:0本文着重讲解了JavaScript自定义函数的相关资料,通过实例代码讲解的非常详细,代码有助于更直观的学习和测试,欢迎大家阅读
一、定义方法:在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
其他方法:设置默认参数方式
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();
运行结果:(本地变量是函数内声明的变量)
5.2 利用变量的作用范围形成闭包函数
var F; function B() { var temp="abc"; F=function () { alert("利用变量范围形成闭包函数处理本地变量temp = "+temp); } } B(); F();
运行结果
加载全部内容