精华内容
下载资源
问答
  • JS匿名函数

    2016-11-15 19:36:49
    js匿名函数

    匿名函数就是没有函数名,应用比较多。

    var getSum=function(){
    		return 100;
    	};
    	alert(getSum());

    应用举例:

    document.getElementById("div").οnclick=function(){
    	};

    简化了代码。
    展开全文
  • JS 匿名函数

    2014-03-25 13:56:45
    void function() { alert('弹出框');...js匿名函数的写法还有n多种. 顾名思义,匿名函数就是没有实际名字的函数。例如,我们把上面的例子中,函数的名字去掉,再判断一下他是不是一个函数: alert(ty
    
    

    <body οnlοad="alert('http://www.baidu.com/');">
    <script type="text/javascript">
    void function(){
        alert('弹出框');
    }();
    </script>
    </body>

    从以上例子中可以看出,js匿名函数的执行是在 onload 之前,那么空函数是否可以取代onload的动作?

    js匿名函数的写法还有n多种. 顾名思义,匿名函数就是没有实际名字的函数。例如,我们把上面的例子中,函数的名字去掉,再判断一下他是不是一个函数:

    alert(typeof function(){});// "function" 
    alert(typeof function(x,y){return x+y;});// "function" 
    alert(typeof new Function("x","y","return x*y;"))// "function" 
    alert(typeof function(){});// "function" 
    alert(typeof function(x,y){return x+y;});// "function" 
    alert(typeof new Function("x","y","return x*y;"))// "function" 

    我们可以很容易地看到,它们全都是Function对象,换言之,他们都是函数,但是他们都有一个特点——没有名字。所以我们把他们称作“匿名函数”。然而,正因为他们没有“名字”,我们也没有办法找到他们。这就引申了如何去调用一个匿名函数的问题了。

    匿名函数的调用:要调用一个函数,我们必须要有方法定位它,引用它。所以,我们会需要帮它找一个名字。例如:

    var abc=function(x,y){ 
        return x+y; 

    alert(abc(2,3)); // "5" 
    var abc=function(x,y){ return x+y; } alert(abc(2,3)); // "5" 


    上面的操作其实就等于换个方式去定义函数,这种用法是我们比较频繁遇到的。例如我们在设定一个DOM元素事件处理函数的时候,我们通常都不会为他们定名字,而是赋予它的对应事件引用一个匿名函数。
    对匿名函数的调用其实还有一种做法,也就是我们看到的jQuery片段——使用()将匿名函数括起来,然后后面再加一对小括号(包含参数列表)。我们再看一下以下例子:

    alert((function(x,y){return x+y;})(2,3));// "5" 
    alert((new Function("x","y","return x*y;"))(2,3));// "6" 
    alert((function(x,y){return x+y;})(2,3));// "5" 
    alert((new Function("x","y","return x*y;"))(2,3));// "6"


    很多人或许会奇怪,为什么这种方法能成功调用呢?觉得这个应用奇怪的人就看一下我以下这段解释吧。
    大家知道小括号的作用吗?小括号能把我们的表达式组合分块,并且每一块,也就是每一对小括号,都有一个返回值。这个返回值实际上也就是小括号中表达式的返回值。所以,当我们用一对小括号把匿名函数括起来的时候,实际上小括号对返回的,就是一个匿名函数的Function对象。因此,小括号对加上匿名函数就如同有名字的函数般被我们取得它的引用位置了。所以如果在这个引用变量后面再加上参数列表,就会实现普通函数的调用形式。
    不知道以上的文字表述大家能不能看明白,如果还是理解不了的话,再看一下以下的代码试试吧。

    var abc=function(x,y){return x+y;};// 把匿名函数对象赋给abc 

    //abc的constructor就和匿名函数的constructor一样了。也就是说,两个函数的实现是一样的。 

    alert((abc).constructor==(function(x,y){return x+y;}).constructor); 


    PS:constructor是指创建对象的函数。也就是函数对象所代表的函数体。
    总之,将其(被小括号包含的匿名函数)理解为括号表达式返回的函数对象,然后就可以对这个函数对象作正常的参数列表调用了。(前面这里犯了个错误,只有函数表达式还是不能直接调用函数的,去掉匿名函数括号必须要伴随将表达式赋值。也就是(function(){alert(1)})()应该是与 a=function(){alert(1)}()等价,不能连a=都去掉。)


    闭包 
      闭包是什么?闭包是指某种程序语言中的代码块允许一级函数存在并且在一级函数中所定义的自由变量能不被释放,直到一级函数被释放前,一级函数外也能应用这些未释放的自由变量。 
      怎样?看得一头冒汗吧……没事,我也是(虽然是我是了解的,只是表达能力的问题)。让我们换个更加简单的方法说明:闭包,其实是一种语言特性,它是指的是程序设计语言中,允许将函数看作对象,然后能像在对象中的操作搬在函数中定义实例(局部)变量,而这些变量能在函数中保存到函数的实例对象销毁为止,其它代码块能通过某种方式获取这些实例(局部)变量的值并进行应用扩展。 
      不知道这么再解释后会否更加清晰,如果还是不明白,那么我们再简化一下:闭包,其实就是指程序语言中能让代码调用已运行的函数中所定义的局部变量。 
      现在我们看一个例子: 
    复制代码 代码如下:
    var abc=function(y){ 
        var x=y;// 这个是局部变量 
        return function(){ 
            alert(x++);// 就是这里调用了闭包特性中的一级函数局部变量的x,并对它进行操作 
            alert(y--);// 引用的参数变量也是自由变量 
        }

    }(5);// 初始化 
    abc();// "5" "5" 
    abc();// "6" "4" 
    abc();// "7" "3" 
    alert(x);// 报错!“x”未定义!

      看到这里,你能判断究竟jQuery的那个代码片段是否闭包了吗? 
      以我的理解来说吧。是否应用了闭包特性,必须确定该段代码有没有 最重要的要素:未销毁的局部变量。那么很显然,没有任何实现的匿名函数不可能应用了闭包特性。但如果匿名函数里面有实现呢?那也还得确定它的实现中有没有 用到那些未销毁的局部变量。所以如果问你那个开篇中的jQuery代码片段是应用了JS里的什么特性?那么它只是匿名函数与匿名函数的调用而已。但是,它 隐含了闭包的特性,并且随时可以实现闭包应用。

    展开全文
  • js 匿名函数

    2020-02-03 17:18:18
    作用:匿名函数可以有效地保证在页面写入js时,不会造成全局变量的污染,可以有效地隔离作用域,通常我们希望这个函数只执行一次,就结束,使用匿名函数的自调用。 方法一:绑定给一个变量或一个事件 //语法1 var ...

    匿名函数:没有函数名字的函数,实质上还是个函数
    匿名函数的特点:没有函数名,无法通过函数名来调用;
    作用:匿名函数可以有效地保证在页面写入js时,不会造成全局变量的污染,可以有效地隔离作用域,通常我们希望这个函数只执行一次,就结束,使用匿名函数的自调用。

    方法一:绑定给一个变量或一个事件

    //语法1
    		var test=function(){
    			console.log("你是个匿名函数");	
    		}
    		test(); //变量名,充当函数名的角色;
    //语法2		
    		var box=document.getElementById("box");
    			box.onclick=function(){           //直接绑定点击事件不用写函数名
    				console.log("哈哈哈哈哈哈");
    		}
    

    方法二:自调用
    小括号1:存放函数的定义
    小括号2:存放函数的实参,代表调用函数

    		//语法一 ()() 两个括号 这种情况单独写 的话可以 跟其他函数放在一起写
    		// 第二个小括号会调用其他函数而报错(容易冲突)
    		(function (a) {
    			console.log(a+10)
    		})(10);
    		
    		// 语法二 (   ())小括号写在 另一个括号里面;
    		//官方推荐
    		(function(b){
    			console.log(b+1);				
    		
    		}(20));  //实参
    
    展开全文
  • js匿名函数

    2020-04-08 17:16:21
    匿名函数顾名思义指的是没有名字的函数,在实际开发中使用的频率非常高!也是学好JS的重点。 首先我们声明一个普通函数: //声明一个普通函数,函数的名字叫myfun(),注意没有函数名 function fn(){ console.log(...

    匿名函数顾名思义指的是没有名字的函数,在实际开发中使用的频率非常高!也是学好JS的重点。

    首先我们声明一个普通函数:
    //声明一个普通函数,函数的名字叫myfun(),注意没有函数名

    function fn(){

    console.log("匿名函数");
    

    }
    但是运行时你会发现,运行出错,因为没有函数名的函数不符合语法要求,即单独的匿名函数无法进行调用,那么该如何调用函数呢?

    1、把匿名函数赋值给变量

    var a=function fn(){

    console.log("匿名函数");
    

    }
    //调用
    a();

    2、自己调用自己:语法(函数)();
    (function (){

    //由于没有执行该匿名函数,所以不会执行匿名函数体内的语句。
    
    console.log("匿名函数");
    

    })();

    3、倘若需要传值,直接将参数写到括号内即可:

    (function (str){

    //此时会输出张培跃好帅!
    
    console.log("匿名函数"+str);
    

    })(“1!”)

    匿名函数的应用场景

    1、事件

    2、对象

    var obj={

    name:"张三",
    
    age:10,
    
    fn:function(){
    
        return "我叫"+this.name+"今年"+this.age+"岁了!";
    
    }
    

    };

    console.log(obj.fn());

    匿名函数的作用:

    1、通过匿名函数可以实现闭包,闭包是可以访问在函数作用域内定义的变量的函数。若要创建一个闭包,往往都需要用到匿名函数。

    2、模拟块级作用域,减少全局变量。执行完匿名函数,存储在内存中相对应的变量会被销毁,从而节省内存。再者,在大型多人开发的项目中,使用块级作用域,会大大降低命名冲突的问题,从而避免产生灾难性的后果。自此开发者再也不必担心搞乱全局作用域了。

    展开全文
  • Js匿名函数

    2019-11-05 20:41:25
    Javascript匿名函数 匿名函数是一种在运行时动态声明的函数。它们之所以被称为匿名函数是因为不同于普通函数,它们并没有函数名。 匿名函数是通过函数表达式而不是函数声明语法定义的。你可以在任何可以放置表达式...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 4,153
精华内容 1,661
关键字:

js匿名函数