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 相关文章推荐
javascript中substr,substring,slice.splice的区别说明
Nov 25 Javascript
ASP.NET jQuery 实例5 (显示CheckBoxList成员选中的内容)
Jan 13 Javascript
深入分析jsonp协议原理
Sep 26 Javascript
ECMA5数组的新增方法有哪些及forEach()模仿实现
Nov 03 Javascript
用v-html解决Vue.js渲染中html标签不被解析的问题
Dec 14 Javascript
JavaScript自定义文本框光标
Mar 05 Javascript
bootstrap multiselect 多选功能实现方法
Jun 05 Javascript
jQuery Autocomplete简介_动力节点Java学院整理
Jul 17 jQuery
不得不看之JavaScript构造函数及new运算符
Aug 21 Javascript
微信小程序实现获取小程序码和二维码java接口开发
Mar 29 Javascript
vue使用showdown并实现代码区域高亮的示例代码
Oct 17 Javascript
解决echarts echarts数据动态更新和dataZoom被重置问题
Jul 20 Javascript
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
解决dede生成静态页和动态页转换的一些问题,及火车采集入库生成动态的办法
2007/03/29 PHP
yii框架中的Url生产问题小结
2012/01/16 PHP
一个PHP针对数字的加密解密类
2014/03/20 PHP
php中stdClass的用法分析
2015/02/27 PHP
PDO::getAvailableDrivers讲解
2019/01/28 PHP
Yaf框架封装的MySQL数据库操作示例
2019/03/06 PHP
JavaScript 弹出窗体点击按钮返回选择数据的实现
2010/04/01 Javascript
基于jquery的文章中所有图片width大小批量设置方法
2013/08/01 Javascript
jquery中邮箱地址 URL网站地址正则验证实例代码
2013/09/15 Javascript
js中哈希表的几种用法总结
2014/01/28 Javascript
JS动态添加iframe的代码
2015/09/14 Javascript
jQuery实现日期联动效果实例
2016/07/26 Javascript
简单理解vue中Props属性
2016/10/27 Javascript
Bootstrap基本布局实现方法详解
2016/11/25 Javascript
关于Node.js中Buffer的一些你可能不知道的用法
2017/03/28 Javascript
jQuery Ajax向服务端传递数组参数值的实例代码
2017/09/03 jQuery
使用Vue自定义数字键盘组件(体验度极好)
2017/12/19 Javascript
基于Vue 2.0的模块化前端 UI 组件库小结
2017/12/21 Javascript
vue里input根据value改变背景色的实例
2018/09/29 Javascript
jQuery轻量级表单模型验证插件
2018/10/15 jQuery
详解Vue-cli3 项目在安卓低版本系统和IE上白屏问题解决
2019/04/14 Javascript
node.js实现简单的压缩/解压缩功能示例
2019/11/05 Javascript
微信小程序swiper使用网络图片不显示问题解决
2019/12/13 Javascript
[56:57]LGD vs VP 2019DOTA2国际邀请赛淘汰赛 胜者组赛BO3 第一场 8.20.mp4
2019/08/22 DOTA
Python的requests网络编程包使用教程
2016/07/11 Python
Python机器学习logistic回归代码解析
2018/01/17 Python
django celery redis使用具体实践
2019/04/08 Python
python飞机大战 pygame游戏创建快速入门详解
2019/12/17 Python
英国时尚服饰电商:Boohoo
2017/10/12 全球购物
《独坐敬亭山》教学反思
2014/04/08 职场文书
群众路线教育实践活动批评与自我批评
2014/09/15 职场文书
2014年超市工作总结
2014/11/19 职场文书
仓库保管员岗位职责
2015/02/09 职场文书
国庆节新闻稿
2015/07/17 职场文书
班主任远程培训研修日志
2015/11/13 职场文书
CSS 实现多彩、智能的阴影效果
2021/05/12 HTML / CSS