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 相关文章推荐
img的onload的另类用法
Jan 10 Javascript
contains和compareDocumentPosition 方法来确定是否HTML节点间的关系
Sep 13 Javascript
IE关闭时判断及AJAX注销案例学习
Feb 18 Javascript
Javascript Throttle & Debounce应用介绍
Mar 19 Javascript
javascript简单性能问题及学习笔记
Feb 04 Javascript
javascript控制在光标位置插入文字适合表情的插入
Jun 09 Javascript
jquery图片轮播特效代码分享
Apr 20 Javascript
bootstrap table复杂操作代码
Nov 01 Javascript
AngularJS控制器controller给模型数据赋初始值的方法
Jan 04 Javascript
Antd-vue Table组件添加Click事件,实现点击某行数据教程
Nov 17 Javascript
Java 生成随机字符的示例代码
Jan 13 Javascript
原型和原型链 prototype和proto的区别详情
Nov 02 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
thinkphp5.1 文件引入路径问题及注意事项
2018/06/13 PHP
Laravel-admin之修改操作日志的方法
2019/09/30 PHP
发一个自己用JS写的实用看图工具实现代码
2008/07/26 Javascript
JavaScript 用cloneNode方法克隆节点的代码
2012/10/15 Javascript
点击按钮自动加关注的代码(sina微博/QQ空间/人人网/腾讯微博)
2014/01/02 Javascript
JQuery弹出炫丽对话框的同时让背景变灰色
2014/05/22 Javascript
jquery动态改变form属性提交表单
2014/06/03 Javascript
JQuery实现动态表格点击按钮表格增加一行
2014/08/24 Javascript
javascript中for/in循环及使用技巧
2015/09/01 Javascript
JavaScript 定时器 SetTimeout之定时刷新窗口和关闭窗口(代码超简单)
2016/02/26 Javascript
JQuery DIV 动态隐藏和显示的方法
2016/06/23 Javascript
JavaScript结合Bootstrap仿微信后台多图文界面管理
2016/07/22 Javascript
chrome浏览器如何断点调试异步加载的JS
2016/09/05 Javascript
JS 滚动事件window.onscroll与position:fixed写兼容IE6的回到顶部组件
2016/10/10 Javascript
JS正则替换去空格的方法
2017/03/24 Javascript
jQuery动态追加页面数据以及事件委托详解
2017/05/06 jQuery
基于vue cli 通过命令行传参实现多环境配置
2018/07/12 Javascript
js重写alert事件(避免alert弹框标题出现网址)
2020/12/04 Javascript
[40:19]完美世界DOTA2联赛PWL S3 Rebirth vs CPG 第二场 12.18
2020/12/19 DOTA
python中__call__内置函数用法实例
2015/06/04 Python
一篇文章入门Python生态系统(Python新手入门指导)
2015/12/11 Python
Python加密方法小结【md5,base64,sha1】
2017/07/13 Python
基于DataFrame改变列类型的方法
2018/07/25 Python
详解python爬虫系列之初识爬虫
2019/04/06 Python
Python猴子补丁Monkey Patch用法实例解析
2020/03/23 Python
python中delattr删除对象方法的代码分析
2020/12/15 Python
Java和Javasciprt的区别
2012/09/02 面试题
Sql面试题
2013/03/20 面试题
学生自我评价范文
2014/02/02 职场文书
中层领导干部群众路线对照检查材料思想汇报
2014/10/02 职场文书
2014年纪委工作总结
2014/12/05 职场文书
孝老爱亲事迹材料
2014/12/24 职场文书
《当代神农氏》教学反思
2016/02/23 职场文书
python基于tkinter制作无损音乐下载工具
2021/03/29 Python
Go语言读取txt文档的操作方法
2022/01/22 Golang
Nginx开源可视化配置工具NginxConfig使用教程
2022/06/21 Servers