js匿名函数的调用示例(形式多种多样)

 更新时间:2014年08月20日 09:09:04   投稿:whsnow  
匿名函数就是没有实际名字的函数,javaScript的匿名函数形式多样,下面就一一为大家罗列出来

匿名函数就是没有实际名字的函数。

javaScript的匿名函数形式多样,而且不搞清楚,容易看晕代码。

以下是成功调用的匿名函数:

复制代码 代码如下:

(function () {
alert(3);
})
();

(function f1() {
alert(4);
})(); //不是匿名函数也能这样调用!!

void function(){
alert('void water');
}();//据说效率最高,Javascript中void是一个操作符,该操作符指定要计算一个表达式但是不返回值。

!function(){
alert('!water');
}(); //运算符+匿名函数调用

(function(){
alert('water');
}());//小括号+匿名函数,有点强制执行的味道~


使用匿名函数也要注意经常犯的错误:
复制代码 代码如下:

//错误写法1
(function f1() {
alert(5);
})f1(); //这不是匿名函数了!

//错误写法2
(function () {
alert(6);
}); //语法没有错误,没有调用的匿名函数,后面也没有机会调用了,因为没有名字,找不到调用入口。

//错误写法3
function () {
alert(1);
}();//没有产生函数的引用就调用


另外要注意理解小括号的作用。

小括号能把我们的表达式组合分块,并且每一块,也就是每一对小括号,都有一个返回值。这个返回值实际上也就是小括号中表达式的返回值。所以,当我们用一对小括号把匿名函数括起来的时候,实际上小括号对返回的,就是一个匿名函数的Function对象。因此,小括号对加上匿名函数就如同有名字的函数般被我们取得它的引用位置了。所以如果在这个引用变量后面再加上参数列表,就会实现普通函数的调用形式。

相关文章

  • layui内置模块layim发送图片添加加载动画的方法

    layui内置模块layim发送图片添加加载动画的方法

    今天小编就为大家分享一篇layui内置模块layim发送图片添加加载动画的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • onbeforeunload与onunload事件异同点总结

    onbeforeunload与onunload事件异同点总结

    本文对onbeforeunload与onunload事件的异同点、触发于、可以用在哪些元素以及解决刷新页面时不调用onbeforeunload等等,感兴趣的朋友可以参考下哈
    2013-06-06
  • 微信小程序的部署方法步骤

    微信小程序的部署方法步骤

    这篇文章主要介绍了微信小程序的部署方法步骤,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-09-09
  • JavaScript实现带音效的烟花特效

    JavaScript实现带音效的烟花特效

    这篇文章主要为大家介绍了通过JavaScript实现的带音效的烟花特效,文中的示例代码简洁易懂,对我们学习JavaScript有一定的帮助,感兴趣的可以了解一下
    2021-12-12
  • js实现权限树的更新权限时的全选全消功能

    js实现权限树的更新权限时的全选全消功能

    上一篇发了添加权限时的权限树JS源码,下面把更新时的也发给大家借鉴一下,因为更新时候牵扯到判断已有权限等,所以,还要麻烦一些。
    2009-02-02
  • 简述冻结JS对象方法技术

    简述冻结JS对象方法技术

    本文主要介绍了冻结JS对象方法技术,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-07-07
  • 微信小程序实现页面监听自定义组件的触发事件

    微信小程序实现页面监听自定义组件的触发事件

    这篇文章主要为大家详细介绍了微信小程序实现页面监听自定义组件的触发事件,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-11-11
  • 那些精彩的JavaScript代码片段

    那些精彩的JavaScript代码片段

    这篇文章主要为大家分享了一些精彩的JavaScript代码片段,大家喜欢的收藏一下
    2017-01-01
  • js修改input的type属性及浏览器兼容问题探讨与解决

    js修改input的type属性及浏览器兼容问题探讨与解决

    js修改input的type属性有些限制,今天遇到个问题一开始的时候,input的类型是text,后来变成了password类型。直观的思路是用js修改input的type类型。但ie下这么做不可行,所以只能换个思路感兴趣的朋友可以了解下
    2013-01-01
  • js判断ie版本号的简单实现代码

    js判断ie版本号的简单实现代码

    本篇文章主要是对js判断ie版本号的简单实现代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-03-03

最新评论