详解JavaScript自定义函数

时间:2021-05-25

一、定义方法:在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;}//1alert(window.add(2,3));//2alert(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();

运行结果

以上就是详解JavaScript自定义函数的详细内容,更多关于JavaScript自定义函数的资料请关注其它相关文章!

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章