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"