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 判断 object 的特定类转载
Feb 01 Javascript
javascript AOP 实现ajax回调函数使用比较方便
Nov 20 Javascript
js捕获鼠标右键菜单中的粘帖事件实现代码
Apr 01 Javascript
使用js实现一个可编辑的select下拉列表
Feb 20 Javascript
javascript 判断整数方法分享
Dec 16 Javascript
玩转JavaScript OOP - 类的实现详解
Jun 08 Javascript
谈谈vue中mixin的一点理解
Dec 12 Javascript
bootstrap table实现合并单元格效果
Dec 24 Javascript
javascrit中undefined和null的区别详解
Apr 07 Javascript
微信小程序实现点击空白隐藏的方法示例
Aug 13 Javascript
vue指令v-html使用过滤器filters功能实例
Oct 25 Javascript
JavaScript实现消消乐的源代码
Jan 12 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
解析func_num_args与func_get_args函数的使用
2013/06/24 PHP
ThinkPHP实现二级循环读取的方法
2014/11/03 PHP
php简单socket服务器客户端代码实例
2015/05/18 PHP
Yii2组件之多图上传插件FileInput的详细使用教程
2016/06/20 PHP
php7 安装yar 生成docker镜像
2017/05/09 PHP
在一个js文件里远程调用jquery.js会在ie8下的一个奇怪问题
2010/11/28 Javascript
js面向对象 多种创建对象方法小结
2012/05/21 Javascript
jQuery提交表单ajax查询实例代码
2012/10/07 Javascript
网页前端优化之滚动延时加载图片示例
2013/07/13 Javascript
动态加载jQuery的两种方法实例分析
2015/07/17 Javascript
Vue.js学习笔记之 helloworld
2016/08/14 Javascript
浅谈js中字符和数组一些基本算法题
2016/08/15 Javascript
自动化测试读写64位操作系统的注册表
2016/08/15 Javascript
Node.js通过身份证号验证年龄、出生日期与性别方法示例
2017/03/09 Javascript
对象不支持indexOf属性或方法的解决方法(必看)
2017/05/28 Javascript
JavaScript算法教程之sku(库存量单位)详解
2017/06/29 Javascript
JS基于设计模式中的单例模式(Singleton)实现封装对数据增删改查功能
2018/02/06 Javascript
微信小程序项目实践之九宫格实现及item跳转功能
2018/07/19 Javascript
JavaScript中toLocaleString()和toString()的区别实例分析
2018/08/14 Javascript
JS实现的杨辉三角【帕斯卡三角形】算法示例
2019/02/26 Javascript
基于jQuery实现挂号平台首页源码
2020/01/06 jQuery
Ant Design moment对象和字符串之间的相互转化教程
2020/10/27 Javascript
JavaScript实现网页留言板功能
2020/11/23 Javascript
Python实现的爬虫功能代码
2017/06/24 Python
为什么入门大数据选择Python而不是Java?
2018/03/07 Python
Python制作exe文件简单流程
2019/01/24 Python
python des,aes,rsa加解密的实现
2021/01/16 Python
日本热销NO.1胶原蛋白冻:Aishitoto爱希特多
2019/06/20 全球购物
美国领先的眼镜和太阳镜在线零售商:Glasses.com
2019/08/26 全球购物
预备党员转正思想汇报
2014/01/12 职场文书
单位领导证婚词
2014/01/14 职场文书
高一英语教学反思
2014/01/22 职场文书
财务稽核岗位职责
2015/04/13 职场文书
小兵张嘎电影观后感
2015/06/03 职场文书
防溺水主题班会教案
2015/08/12 职场文书
Flutter集成高德地图并添加自定义Maker的实践
2022/04/07 Java/Android