js声明匿名函数
2016-06-25 16:34
232 查看
匿名函数的使用令js代码更加简洁,对于很长 的代码量,不用声明太多的变量名。
js匿名函数的声明方法主要有3种。
<span style="font-family:Microsoft YaHei;font-size:18px;">(function (x, y) { alert(x + y); })(10, 20);</span>
<span style="font-family:Microsoft YaHei;font-size:18px;"> var f1 = new Function('x,y,z', 'alert(x+y+z);');
f1(10,20,30);</span>
其中:第一种和第二种用的比较多,而第三种很少使用。
js匿名函数的声明方法主要有3种。
第一种
<span style="font-family:Microsoft YaHei;font-size:18px;">var f1 = function () { alert('这就是一个匿名函数')}; f1(); f1 = 100; alert(f1);</span>看到上面的代码有人会说这不和直接声明function f1()一样吗。其实大家仔细看一下就会看到,这里声明的匿名函数用一个var变量接收,注意这个f1是变量,而不是一个函数名。所以f1除了承载这个方法,还可以赋值100,还可以赋值各种类型的值。所以很不一样。
第二种
编写函数的同时调用这个匿名函数<span style="font-family:Microsoft YaHei;font-size:18px;">(function (x, y) { alert(x + y); })(10, 20);</span>
第三种
定义一个匿名函数,最后一个参数是方法体<span style="font-family:Microsoft YaHei;font-size:18px;"> var f1 = new Function('x,y,z', 'alert(x+y+z);');
f1(10,20,30);</span>
其中:第一种和第二种用的比较多,而第三种很少使用。
相关文章推荐
- JavaScript ----------------- 原型式继承
- js基本语法介绍
- js中的事件委托或是事件代理详解
- javaScript学习基础篇(1)(数组)
- javascript事件代理(delegate)原理解析
- 常用的4种js面向对象写法
- 通过javascript进行UTF-8编码
- javascript var 一个对象
- 解释型语言与编译型语言的区别
- js操作cookies
- js判断所有表单项不为空则提交表单
- js判断所有表单项不为空则提交表单
- js判断所有表单项不为空则提交表单
- js判断所有表单项不为空则提交表单
- js判断所有表单项不为空则提交表单
- js判断所有表单项不为空则提交表单
- js判断所有表单项不为空则提交表单
- js判断所有表单项不为空则提交表单
- js判断所有表单项不为空则提交表单
- js判断所有表单项不为空则提交表单