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

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

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

赞 (0)

相关推荐

  • Javascript中匿名函数的多种调用方式总结

    Javascript中定义函数的方式有多种,函数直接量就是其中一种.如var fun = function(){},这里function如果不赋值给fun那么它就是一个匿名函数.好,看看匿名函数的如何被调用. 方式1,调用函数,得到返回值.强制运算符使函数调用执行 复制代码 代码如下: (function(x,y){     alert(x+y);     return x+y; }(3,4)); 方式2,调用函数,得到返回值.强制函数直接量执行再返回一个引用,引用再去调用执行 复制代码 代码如

  • JS自调用匿名函数具体实现

    js中常常定义一个函数用做临时的命名空间,在这个命名空间内定义的变量都不会污染到全局命名空间(防止局部变量与全局变量冲突). 复制代码 代码如下: function mymodule(){ //模块代码 } mymodule(); 可以简写为: 复制代码 代码如下: (function(){ //mymodule()函数重写为匿名的函数表达式 //模块代码 }( )<span style="color:#ff0000;">)</span>; //结束函数定义并立

  • js中匿名函数的创建与调用方法分析

    本文实例分析了js中匿名函数的创建与调用方法.分享给大家供大家参考.具体实现方法如下: 匿名函数就是没有名字的函数了,也叫闭包函数(closures),允许 临时创建一个没有指定名称的函数.最经常用作回调函数(callback)参数的值,很多新手朋友对于匿名函数不了解.这里就来分析一下. function 函数名(参数列表){函数体;} 如果是创建匿名函数,那就应该是: function(){函数体;} 因为是匿名函数,所以一般也不会有参数传给他. 为什么要创建匿名函数呢?在什么情况下会使用到匿

  • js自调用匿名函数的三种写法(推荐)

    第一种: (function(){ console.log('hello world") })() 第二种: (function(){ console.log('hello world') }())  第三种: !function(){ console.log('hello world') }() 以上这篇js自调用匿名函数的三种写法(推荐)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们.

  • Javascript中匿名函数的调用与写法实例详解(多种)

    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);

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

    匿名函数就是没有实际名字的函数. javaScript的匿名函数形式多样,而且不搞清楚,容易看晕代码. 以下是成功调用的匿名函数: 复制代码 代码如下: (function () { alert(3); }) (); (function f1() { alert(4); })(); //不是匿名函数也能这样调用!! void function(){ alert('void water'); }();//据说效率最高,Javascript中void是一个操作符,该操作符指定要计算一个表达式但是不返

  • js匿名函数使用&传参(实例)

    如下所示: function () { alert("error"); } //报错:匿名函数不能直接调用 使用 0x01 (function () { alert("Success"); })()//直接使用 0x02 var anonymous=function () { alert("success"); } anonymous();//赋值调用 传参 0x01 (function (m,n) { return m+n; })(10,20)

  • js匿名函数作为函数参数详解

    由衷的感叹,js真是烦. 学到现在,渐渐理解了什么是:语言都是通用的,没有好不好,只有擅长不擅长. 继承,多态,甚至指针,c能实现,c++,java有,javascript(和java是雷锋和雷峰塔的区别,名字上不知道坑了多少人)也能变通实现. 温故知新,今天又回味了一遍,匿名函数作为函数参数. 代码很短,五脏俱全. <!DOCTYPE html> <html lang="en"> <head> </head> <body>

  • 不使用 JS 匿名函数理由

    匿名函数的基本形式为(function(){...})(); 前面的括号包含函数体,后面的括号就是给匿名函数传递参数并立即执行之 匿名函数的作用是避免全局变量的污染以及函数名的冲突 无论你在什么时候读代码,您都必须注意到匿名函数.有时它们被称为 lambda,有时是匿名函数,不管怎样,我认为他们是不好使用的. 如果你不知道匿名函数是什么,这里有一个引语: 匿名函数是一种在运行时动态声明的函数.它们之所以被称为匿名函数是因为不同于普通函数,它们并没有函数名 . - Helen Emerson, H

  • JS匿名函数实例分析

    本文实例讲述了JS匿名函数.分享给大家供大家参考,具体如下: /* 匿名函数*/ (function() { var foo = 10; var bar = 2; alert(foo * bar); })(); /* 匿名函数,带参数 */ (function(foo, bar) { alert(foo * bar); })(10, 2); /* 匿名函数返回值 */ var baz = (function(foo, bar) { return foo * bar; })(10, 2); //

  • 一个Js文件函数中调用另一个Js文件函数的方法演示

    我们知道,在html中,利用<script language="javascript" type="text/javascript" src="./script.js"></script>引入的两个js是不可以相互调用的.那么该如何解决呢?当然,你可以将代码通通copy过来,也许你并不喜欢这样. 例如有这样一个html,里面有一个按钮,当按下时调用b.js文件中的方法b().而b()中又要调用a.js文件中的方法a().若

  • JS匿名函数类生成方式实例分析

    本文实例讲述了JS匿名函数类生成方式.分享给大家供大家参考,具体如下: <script type="text/javascript"> var Book = (function() { // 私有静态属性 var numOfBooks = 0; // 私有静态方法 function checkIsbn(isbn) { if(isbn == undefined || typeof isbn != 'string') { return false; } return true;

  • JS匿名函数和匿名自执行函数概念与用法分析

    本文实例讲述了JS匿名函数和匿名自执行函数概念与用法.分享给大家供大家参考,具体如下: 1. 匿名函数的常见场景 js中的匿名函数是一种很常见的函数类型,比较常见的场景: <input type="button" value="点击" id="btn"> <script type="text/javascript"> //匿名函数的第一种情形 var btn=document.querySelector

  • Javascript中的回调函数和匿名函数的回调示例介绍

    复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script type="text/javascript"> /* * 匿名函数自调的意义: 1.营造了一个封闭的空间 2.防止变量冲突 3.有选择性的对外开发(第三方框架都是对js这样封装

随机推荐