闭包和js事件执行机制简介

定义:一个函数,这个函数能访问的其他函数作用域中的变量

最近碰到了关于闭包的问题,查看资料总结下我眼中的闭包

var price=document.getElementsByTagName('div');
for (var i = 0; i < 6; i++) {
    price[i].onClick=function () {
        console.log(i)
    }
}  // 6 6 6 6 6 6


先了解下js的执行机制,这里涉及了JS中单线程的概念。由于JS是单线程语言,不存在并发执行的任务,所有任务都需要排队,前一个任务结束,才会开始下一个任务。因此,在JS中,任务分为两种,一是同步任务,一是异步任务。而for循环就是同步任务,点击事件函数是异步任务,异步任务会去排队,排到同步任务的后面(大家猜猜如果几个异步任务排队顺序是怎样的),ok !
现在代码其实可以等于

var price=document.getElementsByTagName('div');
for (var i = 0; i < 6; i++) {
	price[i].onClick=order();
}  
fnction order(){
    console.log(i)
}

然后了解什么是闭包,我理解的闭包就是在函数这个作业域里引用作用域之外的量,闭包有个特点就是–基于词法作用域的查找规则(当前找不到某个变量,就向上查找,如果最终没有找到,则返回undefined)。
所以,order()中的 i 就成了6,好了,小伙伴们了解了吧

,

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值