欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

JavaScript中的匿名函数

程序员文章站 2022-04-05 15:21:42
...

今天看到了一个前端面试题,关于匿名函数中使用定时器的,具体是这个样的:【实现每隔⼀秒钟输出0,1,2,3…数字】,刚开始看不明白,后来查了一些资料,这里需要使用for循环,for循环中需要使用定时器,但是我们都知道,定时器是一个异步函数,在for循环中使用异步函数是不能和for循环中的循环增加的变量同步使用的,此时就需要用到这个匿名函数了,简化代码、

for(var i=0;i<10;i++){
  (function(num){
  setTimeout(function(){
  console.log(num)
  },j*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"
相关标签: 前端 javascript