zl程序教程

您现在的位置是:首页 >  前端

当前栏目

JavaScript中的匿名函数

JavaScript 函数 匿名
2023-09-11 14:19:18 时间

功能:实现每隔⼀秒钟输出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"