JavaScript中的匿名函数

拼搏现实的明天。 2023-10-03 12:39 34阅读 0赞

**功能：**【***实现每隔⼀秒钟输出0，1,2,3…数字***】，这里需要使用for循环，for循环中需要使用定时器，但是我们都知道，定时器是一个异步函数，在for循环中使用异步函数是不能和for循环中的循环增加的变量同步使用的，此时就需要用到匿名函数了，简化代码、  
匿名自执行函数：

for(var i=0;i<10;i++){
        
      (function(num){
        
      setTimeout(function(){
        
      console.log(num)
      },num*1000) //输出的时间段不同，输出的值不同
      })(i) //通过小括号调用匿名函数并传入循环增加的变量 i， 在上一个匿名函数中的定时函数执行完毕后继续调用匿名函数
      console.log('当前的数>>'+i) //直接输出的变量 i
     }

还有一些其他的方式来定义一个匿名函数

+function (){
        
    
    console.log("我是通过+来实现的")
    
    }();
    
    -function (){
        
    
    console.log("我是通过-来实现的")
    
    }();
    
    !function (){
        
    
    console.log("我是通过!来实现的")
    
    }();
    
    ~function (){
        
    
    console.log("我是通过~来实现的")
    
    }();
    
    (function(){
        
      console.log('通过括号实现')
    })()

还有一些不常见的匿名函数使用方式，通过new关键字来创建函数对象

var fun = new Function("x","y","return x*y;") //通过Function函数对象来创建一个自定义函数
    // console.log(typeof fun) //终端显示为  function，说明是一个function类型
    console.log(fun(2,4)) // "8"
    
    //通过new出来的匿名函数和不用new出来的匿名函数使用的差异
    console.log((function(x,y){
        return x+y;})(2,3));// "5"  
    console.log((new Function("x","y","return x+y;"))(2,3));// "5"