Javascript中匿名函数的调用与写法实例详解(多种)


Posted in Javascript onJanuary 26, 2016

Javascript中定义函数的方式有多种,函数直接量就是其中一种。如var fun = function(){},这里function如果不赋值给fun那么它就是一个匿名函数。好,看看匿名函数的如何被调用。

方式1,调用函数,得到返回值。强制运算符使函数调用执行

(function(x,y){
alert(x+y);
return x+y;
}(3,4));

方式2,调用函数,得到返回值。强制函数直接量执行再返回一个引用,引用再去调用执行

(function(x,y){
alert(x+y);
return x+y;
})(3,4);

这种方式也是很多库爱用的调用方式,如jQuery,Mootools。

方式3,使用void

void function(x) {
x = x-1;
alert(x);
}(9);

方式4,使用-/+运算符

-function(x,y){
alert(x+y);
return x+y;
}(3,4);
+function(x,y){
alert(x+y);
return x+y;
}(3,4);
--function(x,y){
alert(x+y);
return x+y;
}(3,4);
++function(x,y){
alert(x+y);
return x+y;
}(3,4);

方式5,使用波浪符(~)

~function(x, y) {
alert(x+y);
return x+y;
}(3, 4);

方式6,匿名函数执行放在中括号内

[function(){
console.log(this) // 浏览器得控制台输出window
}(this)]

方式7,匿名函数前加typeof

typeof function(){
console.log(this) // 浏览器得控制台输出window
}(this)

方式8,匿名函数前加delete

delete function(){
console.log(this) // 浏览器得控制台输出window
}(this)

方式9,匿名函数前加void

void function(){
console.log(this) // 浏览器得控制台输出window
}(this)

方式10,使用new方式,传参

new function(win){
console.log(win) // window
}(this)

方式11,使用new,不传参

new function(){
console.log(this) // 这里的this就不是window了
}

方式12,逗号运算符

function(){
console.log(this) // window
}();

方式13,按位异或运算符

^function(){
console.log(this) // window
}();

方式14,比较运算符

function(){
console.log(this) // window
}();

最后看看错误的调用方式

function(x,y){
alert(x+y);
return x+y;
}(3,4);

匿名函数的N种写法如下所示

匿名函数没有实际名字,也没有指针,怎么执行?

关于匿名函数写法,很发散~

+号是让函数声明转换为函数表达式。汇总一下

最常见的用法:

代码如下:

(function() { 
alert('water'); 
})();

当然也可以带参数:

代码如下:

(function(o) { 
alert(o); 
})('water');

想用匿名函数的链式调用?很简单:

代码如下:

(function(o) { 
console.log(o); 
return arguments.callee; 
})('water')('down');

常见的匿名函数都知道了,看看不常见的:

代码如下:

~(function(){ 
alert('water'); 
})();//写法有点酷~

代码如下:

void function(){ 
alert('water'); 
}();//据说效率最高~

代码如下:

+function(){ 
alert('water'); 
}();

代码如下:

-function(){ 
alert('water'); 
}();

代码如下:

~function(){ 
alert('water'); 
}();

代码如下:

!function(){ 
alert('water'); 
}();

代码如下:

(function(){ 
alert('water'); 
}());//有点强制执行的味道~

以上给大家分享了Javascript中匿名函数的调用与写法,希望对大家有所帮助。

Javascript 相关文章推荐
JQuery中节点遍历方法实例
May 18 Javascript
jQuery.prop() 使用详解
Jul 19 Javascript
js实现全国省份城市级联下拉菜单效果代码
Sep 07 Javascript
基于javascript实现checkbox复选框实例代码
Jan 28 Javascript
jQuery实现的多滑动门,多选项卡效果代码
Mar 28 Javascript
即将发布的jQuery 3 有哪些新特性
Apr 14 Javascript
JavaScript中的冒泡排序法
Aug 03 Javascript
浅谈jQuery为哪般去掉了浏览器检测
Aug 29 Javascript
js replace()去除代码中空格的实例
Feb 14 Javascript
react中Suspense的使用详解
Sep 01 Javascript
JQuery事件冒泡和默认行为代码实例
May 13 jQuery
Vue实现点击当前行变色
Dec 14 Vue.js
JavaScript+html5 canvas绘制的圆弧荡秋千效果完整实例
Jan 26 #Javascript
JS组件Bootstrap Select2使用方法详解
Apr 17 #Javascript
基于JavaScript实现全屏透明遮罩div层锁屏效果
Jan 26 #Javascript
Hallo.js基于jQuery UI所见即所得的Web编辑器
Jan 26 #Javascript
基于JavaScript如何制作遮罩层对话框
Jan 26 #Javascript
基于Node.js实现nodemailer邮件发送
Jan 26 #Javascript
JavaScript小技巧整理篇(非常全)
Jan 26 #Javascript
You might like
php cookis创建实现代码
2009/03/16 PHP
php获取服务器信息的实现代码
2013/02/04 PHP
thinkPHP5.0框架URL访问方法详解
2017/03/18 PHP
PHP单例模式与工厂模式详解
2017/08/29 PHP
js 数值项目的格式化函数代码
2010/05/14 Javascript
JQuery最佳实践之精妙的自定义事件
2010/08/11 Javascript
常规表格多表头查询示例
2014/02/21 Javascript
window.location不跳转的问题解决方法
2014/04/17 Javascript
jQuery入门之层次选择器实例简析
2015/12/11 Javascript
JS中创建函数的三种方式及区别
2016/03/13 Javascript
js内置对象处理_打印学生成绩单的简单实现
2016/09/24 Javascript
JavaScript之WebSocket技术详解
2016/11/18 Javascript
如何提高Dom访问速度
2017/01/05 Javascript
jQuery控制元素隐藏和显示
2017/03/03 Javascript
JS设计模式之数据访问对象模式的实例讲解
2017/09/30 Javascript
nodejs 图片预览和上传的示例代码
2017/09/30 NodeJs
animate.css在vue项目中的使用教程
2018/08/05 Javascript
基于Webpack4和React hooks搭建项目的方法
2019/02/05 Javascript
原生js实现3D轮播图
2020/03/21 Javascript
AutoJs实现刷宝短视频的思路详解
2020/05/22 Javascript
[34:41]夜魇凡尔赛茶话会 第二期02:你画我猜
2021/03/11 DOTA
python基于ID3思想的决策树
2018/01/03 Python
python提取包含关键字的整行数据方法
2018/12/11 Python
Python 可变类型和不可变类型及引用过程解析
2019/09/27 Python
Python使用matplotlib 模块scatter方法画散点图示例
2019/09/27 Python
Python绘制二维曲线的日常应用详解
2019/12/04 Python
使用Matplotlib 绘制精美的数学图形例子
2019/12/13 Python
HTML5之HTML元素扩展(下)—增强的Form表单元素值得关注
2013/01/31 HTML / CSS
建筑个人求职信范文
2014/01/25 职场文书
中餐厅主管的职责范文
2014/02/04 职场文书
新年主持词
2014/03/27 职场文书
初中班主任评语
2014/04/24 职场文书
社区春季防火方案
2014/06/02 职场文书
学习优秀共产党员先进事迹思想报告
2014/09/17 职场文书
四风专项整治工作情况汇报
2014/10/28 职场文书
党的群众路线教育实践活动实施方案
2014/10/31 职场文书