详解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;}//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自定义函数的资料请关注好吧啦网其它相关文章!
相关文章:
1. ThinkPHP5 通过ajax插入图片并实时显示(完整代码)2. ASP.NET MVC通过勾选checkbox更改select的内容3. Android实现图片自动切换功能(实例代码详解)4. jsp+mysql实现网页的分页查询5. javascript xml xsl取值及数据修改第1/2页6. 存储于xml中需要的HTML转义代码7. 使用AJAX(包含正则表达式)验证用户登录的步骤8. 解决Python paramiko 模块远程执行ssh 命令 nohup 不生效的问题9. JavaScript Tab菜单实现过程解析10. Python使用oslo.vmware管理ESXI虚拟机的示例参考
