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对象。因此,小括号对加上匿名函数就如同有名字的函数般被我们取得它的引用位置了。所以如果在这个引用变量后面再加上参数列表,就会实现普通函数的调用形式。

相关文章

  • JS继承实现方法及优缺点详解

    JS继承实现方法及优缺点详解

    这篇文章主要介绍了JS继承实现方法及优缺点详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-09-09
  • 原生js实现回复评论功能

    原生js实现回复评论功能

    本文主要分享了原生js实现回复评论功能的示例代码。具有一定的参考价值,下面跟着小编一起来看下吧
    2017-01-01
  • JavaScript中if嵌套assert的方法详解

    JavaScript中if嵌套assert的方法详解

    在JavaScript中,通常我们不会直接使用`assert`这个词,因为JavaScript标准库中并没有直接提供`assert`函数,下面是一个详细的示例,展示如何在JavaScript中模拟`assert`函数,并在`if`语句中嵌套使用它来检查条件,需要的朋友可以参考下
    2024-09-09
  • js实现左右轮播图

    js实现左右轮播图

    这篇文章主要为大家详细介绍了js实现左右轮播图,实现手动和自动两种方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-01-01
  • 浅析TypeScript中的类型检查与错误捕获

    浅析TypeScript中的类型检查与错误捕获

    类型检查是一种静态分析的过程,用于验证变量、函数和表达式的类型是否符合预期,这篇文章主要来和大家聊聊TypeScript中类型检查与错误捕获的相关知识,希望对大家有所帮助
    2023-06-06
  • 全面了解JavaScript对象进阶

    全面了解JavaScript对象进阶

    下面小编就为大家带来一篇全面了解JavaScript对象进阶。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-07-07
  • JS和Canvas实现图片的预览压缩和上传功能

    JS和Canvas实现图片的预览压缩和上传功能

    这篇文章主要介绍了JS和Canvas实现图片的预览压缩和上传功能,实现此功能大概有两步,第一步用户选择需要上传的图片,第二步获取图片资源压缩预览上传,具体实现代码大家参考下本文
    2018-03-03
  • 原生js实现简易抽奖系统

    原生js实现简易抽奖系统

    这篇文章主要为大家详细介绍了原生js实现简易抽奖系统,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-03-03
  • JavaScript 斐波那契数列 倒序输出 输出100以内的质数代码实例

    JavaScript 斐波那契数列 倒序输出 输出100以内的质数代码实例

    这篇文章主要介绍了JavaScript 斐波那契数列 倒序输出 输出100以内的质数代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-09-09
  • Javascript 模拟点击事件(点击链接与html点击) 兼容IE/Firefox

    Javascript 模拟点击事件(点击链接与html点击) 兼容IE/Firefox

    Javascript 模拟点击事件,一般情况下ie支持的,firefox并不支持。所以可以通过下面的方法解决。
    2010-01-01

最新评论